Print Page | Close Window

Range navigation?

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=1598
Printed Date: Mar 28 2024 at 2:12pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: Range navigation?
Posted By: digizar
Subject: Range navigation?
Date Posted: Dec 05 2019 at 10:41pm
http://blumenfotos.net/farben/blau/blau_sel.html" rel="nofollow - https://blumenfotos.net/farben/blau/blau3.htm

For a 'slider' I'd need a simple solution.
Means, the numbered buttons (1) ... (5) would call the respective page.
And the outside buttons (<) ... (>) would advance by page(s).
Is there probably a simple element available?
Or any feasibly solution with some manual fine tuning?
Or any tip how to accomplish such functionality,
even if it would mean to learn html/css/js or something else.
I (80) have plenty of time.


http://blumendigi.com/" rel="nofollow - Expected final target website




-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com



Replies:
Posted By: Hobby001
Date Posted: Dec 06 2019 at 1:04am
Have you tried with skitter Slider?   http://dmit.izihost.com/_el/WESkitterSlider1_v1.22.GuidelineOK.zip" rel="nofollow - http://dmit.izihost.com/_el/WESkitterSlider1_v1.22.GuidelineOK.zip



-------------
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: Dec 06 2019 at 12:17pm
Otherwise search the internet for available sliders we can see how to adapt it into OE

-------------
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: digizar
Date Posted: Dec 06 2019 at 11:21pm
Thanks for help :-)
I tried the skitter long time before, it comes close.
http://blumendigi.com" rel="nofollow - https://blumendigi.com
The leftmost top small header image advances automatically.
There must be a simpler way as the skitter.
Nevertheleass I'll dig a bit deeper.
Anyway - don't care so far.
I'll find a solution, even if it's a long way to Tipperary to create such own element.
It is required for many more of my future webseites.
And may be useful for others, too.


-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com


Posted By: Hobby001
Date Posted: Dec 09 2019 at 1:16am
Hi digizar, I'm back from the woods.  Do I understand you requirement?

  • Display an image out of a good quantity of pictures in a specific place on a page
  • Display a suite of numbers corresponding to picture rank
  • Swap the displayed image by clicking one of these numbers.  select the range of 5 numbers to display by clicking on arrows.
  • No special transition effect.

To do this I would put in an html5 img element and use some javascript to display the proper image.

I would put all these images in a single folder and use an array to manage it.




-------------
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: Dec 09 2019 at 2:40am
It might be better to use php to list the directory into the array 

-------------
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: digizar
Date Posted: Dec 09 2019 at 11:36am
Welcome out of the woods, horrido, the woodpecker came back LOL
Did you bring some walnuts for christmas along?

http://blumenfotos.net/farben/blau/blau_sel.html" rel="nofollow - http://blumenfotos.net/farben/blau/blau_sel.html

This example shows wat I mean.
I created that example arrangement with another web-design-tool, that unfortunately lacks some other mandatory base functionality. And costs a considerable fee. Not open anyway.

A number of images to be selected by a click on a button (here numbered 1...5), which really would be no big deal.
AND two 'advance buttons' (< .... >), which step from one image to the next/previous image of that arrangement.
These 'advance buttons' may be located anywhere, but for clarity at the beginning and at the end of that selection row.
Preferrable, the image links come as an array. which the designer can create.
Means: links to the images/pages are 'sequentially stacked'.

I imagine that this would be a commonly useful element for all web pages.
Because not alle websites are shown on mobile devices, where it is possible ti 'move' pages by a finger tip. Ordinary web pages on simple desktops lack such funntionality, they need a click.
And that is where this function kicks in.

In the meantime i did it like this example shows, but it's a cumbersome manual process.
http://reliefart.de/fussball/fussball_3.htm" rel="nofollow - https://reliefart.de/fussball/fussball_3.htm


-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com


Posted By: Hobby001
Date Posted: Dec 09 2019 at 3:01pm
An horizontal menu that works like a slider with navigation arrows.

Is it a clear understanding ?

P.S.  you want this menu made of image thumbnails

P.P.S An image slider displaying 5 images at a time with a step of 5 on navigation arrow click


-------------
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: digizar
Date Posted: Dec 09 2019 at 3:31pm
Originally posted by Hobby001 Hobby001 wrote:

1) An horizontal menu that works like a slider with navigation arrows.
Is it a clear understanding ?

2) P.S.  you want this menu made of image thumbnails
3) P.P.S An image slider displaying 5 images at a time with a step of 5 on navigation arrow click
1) Yes, exactly, like a slider. But don't pursue it now, let me have a look at it whether an existing slider fits.
2) thumbnails are not required, a link button element (or similar) would be ok.
3) the step is not 5, but 1 (forward/backward - next/prev).


-------------
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com


Posted By: Hobby001
Date Posted: Dec 10 2019 at 3:19am
Take a look at this one:  https://denislafrance.net/Page.htm" rel="nofollow - https://denislafrance.net/Page.htm



-------------
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