Print Page | Close Window

New element, Interactive image strip

Printed From: openElement Website
Category:

openElement


Forum Name: Element Editor
Forum Description: Create and share your own custom elements to use with openElement
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1362
Printed Date: Mar 28 2024 at 9:34am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: New element, Interactive image strip
Posted By: Hobby001
Subject: New element, Interactive image strip
Date Posted: Jun 05 2018 at 3:05pm
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.

https://denislafrance.net/Element/ImgStrip.en.htm" rel="nofollow - Find it here

https://zupimages.net/viewer.php?id=20/05/7jrx.png" rel="nofollow">




-------------
https://denislafrance.net/index.en.php" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - , OE training video



Replies:
Posted By: Hobby001
Date Posted: Jun 27 2018 at 3:54am
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.


Posted By: Hobby001
Date Posted: Jan 21 2020 at 3:19pm
Originally posted by Hobby001 Hobby001 wrote:

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.

https://denislafrance.net/Element/ImgStrip.en.htm" rel="nofollow - Find it here


Element redesigned to stabilyse element width


-------------
https://denislafrance.net/index.en.php" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - , OE training video


Posted By: Hobby001
Date Posted: Jan 26 2020 at 8:49pm
Version 4

Whider zoomed image 

Title hidden for squeezed images.


-------------
https://denislafrance.net/index.en.php" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - , OE training video


Posted By: Hobby001
Date Posted: Jan 27 2020 at 11:13am
Version 5

Now able to change the transition delay 

https://denislafrance.net/Element/ImgStrip.en.htm" rel="nofollow - See here


-------------
https://denislafrance.net/index.en.php" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - , OE training video


Posted By: Hobby001
Date Posted: Aug 30 2022 at 1:22am
Version 5.1 

Text color now visible on OE page editor


-------------
https://denislafrance.net/index.en.php" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - , OE training video



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net