BullGuard Antivirus Sale - 60% Off with openElement !
Forum openElement Homepage
Forum Home Forum Home >

openElement

> Element Editor
  New Posts New Posts RSS Feed - New element, Interactive image strip
  FAQ FAQ  Forum Search   Register Register  Login Login

New element, Interactive image strip

 Post Reply Post Reply
Author
Message
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4215
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Topic: New element, Interactive image strip
    Posted: 05 Juin 2018 at 16:05
I designed a new element for OE and proposed it for free on the French forum.

This element being also available in english, I decided to propose it here too.

This element is used to create a strip of multiple images of interactive width.




Edited by Hobby001 - 24 Juil 2019 at 21:59
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4215
Post Options Post Options   Thanks (2) Thanks(2)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 27 Juin 2018 at 04:54
I added a basic functionality to cover the same media queries offered by OE.

You can select the amount of images shown for screens smaller than 1200px, less than 768px, and less than 481px.

The effect of interactive widths is limited to screens of 1200 px and more.

In the example, I used a total of 6 images then reduced it to 3, 2 and 1 depending on the screen.


Edited by Hobby001 - 27 Juin 2018 at 12:28
Back to Top
Jedwardo View Drop Down
Newbie
Newbie
Avatar

Joined: 22 Jan 2019
Location: Texas
Status: Offline
Points: 27
Post Options Post Options   Thanks (0) Thanks(0)   Quote Jedwardo Quote  Post ReplyReply Direct Link To This Post Posted: 23 Jan 2019 at 00:22
Hello and thank you much for this.  I love this image strip but am trying to accomplish something with it I don't know how to approach.



I have different galleries I would like to pop up in a carousel like flex slider or skitterslider when clicking on the image. My problem is I can not figure out how to link to one by clicking on one of the images in the interactive image strip.  Sort of the same way clicking on on a swipebox image pops up a larger image viewer you can scroll through.  The difference being each of these links would display a separate gallery.  Any thoughts?

Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4215
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 23 Jan 2019 at 22:58
You can use javascript functions to manage hidden galleries to fadeIn and FadeOut.
Back to Top
Jedwardo View Drop Down
Newbie
Newbie
Avatar

Joined: 22 Jan 2019
Location: Texas
Status: Offline
Points: 27
Post Options Post Options   Thanks (0) Thanks(0)   Quote Jedwardo Quote  Post ReplyReply Direct Link To This Post Posted: 07 Feb 2019 at 22:28
Thanks Hobby001, I'll see what I can dig up on that
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 10.11
Copyright ©2001-2012 Web Wiz Ltd.

This page was generated in 0,031 seconds.