Print Page | Close Window

Range navigation?

Printed From: Forum openElement
Category:

openElement


Forum Name: Element Editor
Forum Description: Create and share your own custom elements to use with openElement
URL: http://forum.openelement.com/fr/forum_posts.asp?TID=1598
Printed Date: 17 Sep 2021 at 17:45
Software Version: Web Wiz Forums 10.11 - http://www.webwizforums.com


Topic: Range navigation?
Posted By: digizar
Subject: Range navigation?
Date Posted: 05 Dec 2019 at 23:41
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://digispics.com/_pers/resger2017.pdf



Replies:
Posted By: Hobby001
Date Posted: 06 Dec 2019 at 02:04
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-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: 06 Dec 2019 at 13:17
Otherwise search the internet for available sliders we can see how to adapt it into OE

-------------
https://denislafrance.net/index.en-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big


Posted By: digizar
Date Posted: 07 Dec 2019 at 00:21
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://digispics.com/_pers/resger2017.pdf


Posted By: Hobby001
Date Posted: 09 Dec 2019 at 02:16
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-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: 09 Dec 2019 at 03:40
It might be better to use php to list the directory into the array 

-------------
https://denislafrance.net/index.en-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big


Posted By: digizar
Date Posted: 09 Dec 2019 at 12:36
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://digispics.com/_pers/resger2017.pdf


Posted By: Hobby001
Date Posted: 09 Dec 2019 at 16:01
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-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big


Posted By: digizar
Date Posted: 09 Dec 2019 at 16:31
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://digispics.com/_pers/resger2017.pdf


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



-------------
https://denislafrance.net/index.en-us.htm" rel="nofollow - Anyone who wants to put something on line gets hooked by something big



Print Page | Close Window

Forum Software by Web Wiz Forums® version 10.11 - http://www.webwizforums.com
Copyright ©2001-2012 Web Wiz Ltd. - http://www.webwiz.co.uk