BullGuard Antivirus Sale - 60% Off with openElement !
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: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 739
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Topic: Range navigation?
    Posted: Dec 05 2019 at 10:41pm

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 - Jan 04 2020 at 3:46pm
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 06 2019 at 1:04am
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 06 2019 at 12:17pm
Otherwise search the internet for available sliders we can see how to adapt it into OE
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 739
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: Dec 06 2019 at 11:21pm
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://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

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


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

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

Edited by Hobby001 - Dec 09 2019 at 2:41am
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

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


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 - Dec 09 2019 at 1:06pm
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

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


Edited by Hobby001 - Dec 09 2019 at 3:19pm
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

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


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

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

Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.047 seconds.