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

openElement

> Element Editor
  New Posts New Posts RSS Feed - Range navigation?
  FAQ FAQ  Forum Search   Register Register  Login Login

Range navigation?

 Post Reply Post Reply
Author
Message
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankf
Status: Offline
Points: 469
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Topic: Range navigation?
    Posted: 05 Dec 2019 at 23:41

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.





Edited by digizar - 04 Jan 2020 at 16:46
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 06 Dec 2019 at 02:04
Anyone who wants to put something on line gets hooked by something big
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 06 Dec 2019 at 13:17
Otherwise search the internet for available sliders we can see how to adapt it into OE
Anyone who wants to put something on line gets hooked by something big
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankf
Status: Offline
Points: 469
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: 07 Dec 2019 at 00:21
Thanks for help :-)
I tried the skitter long time before, it comes close.
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post 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.


Anyone who wants to put something on line gets hooked by something big
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 09 Dec 2019 at 03:40
It might be better to use php to list the directory into the array 

Edited by Hobby001 - 09 Dec 2019 at 03:41
Anyone who wants to put something on line gets hooked by something big
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankf
Status: Offline
Points: 469
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post 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?


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.


Edited by digizar - 09 Dec 2019 at 14:06
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post 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


Edited by Hobby001 - 09 Dec 2019 at 16:19
Anyone who wants to put something on line gets hooked by something big
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankf
Status: Offline
Points: 469
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post 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).


Edited by digizar - 09 Dec 2019 at 18:23
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4405
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 10 Dec 2019 at 04:19
Take a look at this one: https://denislafrance.net/Page.htm

Anyone who wants to put something on line gets hooked by something big
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.