WebSite X5Help Center

 
John S.
John S.
User

Previous next buttons - horisontal page scrolling  en

Autor: John S.
Visitado 1248, Seguidores 1, Compartilhado 0  

I suggest INCOMEDIA to make it possible to have buttons shown for horisontal page scrolling.

A userdefined list of pages where buttons will be shown and that makes it possible to make a "vertical" scroll through pages.

In the following posts I will describe how it could be made, and what could/should be made in the X5

Publicado em
5 RESPOSTAS
Giuseppe Guida
Giuseppe Guida
User

+1

Ler mais
Publicado em de Giuseppe Guida
John S.
John S.
User
Autor

Example here : http://eksempelsite.dk/pagescroll/index.html

If you start here : http://eksempelsite.dk/pagescroll/pagea.html you will see a "Next >>" button near the bottom. Clicking the button will bring you to the next page in the "book". It is the same as clicking in the left-menu.

If you start here : http://eksempelsite.dk/pagescroll/firstpage.html you will see the first page in the first chapter of another book. The "<<prev / next >>" buttons will also here make it possible to scroll through pages. The special here is, that it is now possible to go direct from last page in first chapter to first page in second chapter.

If you start her : http://eksempelsite.dk/pagescroll/history-1.html You will see the history for something. Using the "<<prev / next >>" buttons will make a "horisontal" scroll through history-pages in different levels.

The same for http://eksempelsite.dk/pagescroll/gallery-1.html  gallery and events

When standing on the first page in a page-collection the previous button will not be seen/available and when standing on the last page in a page-collection , the next-button will not be seen/available.

It is possible for a user freely to define a page-collection. In the definition of a page it is possible to specify a hover-text for each of the buttons.

Ler mais
Publicado em de John S.
John S.
John S.
User
Autor

What is made :

A few lines of code in the "Statistic SEO and code".

And then a js-file where the specification is made and in bottom of the file a few lines of code - that is all.

Here is some lines from the user-specification with the page collections. A line with an empty specification acts a a "stop". Standing on a page it is checked what the previous line is and the next line. If there is a stop then no button is shown. This makes it possible to make many page collections on the same site .

The specification is a 2-dimensional array.

Example of lines :

["thirdpage.html","This is first chapter","This is first chapter"],
["fourthpage.html","This is first chapter","This is first chapter - Clicking will bring you to second chapter"],
["fifthpage.html","This is second chapter - Clicking will bring you to first chapter","This is second chapter"],
["sixthpage.html","This is second chapter","This is second chapter"],
["seventhpage.html","This is end of second chapter - and end of book",""],
["","",""], //empty: book separator
["pagea.html","","De oude straatlantaarn"],
["pageb.html","Het leelijke jonge eendje","De ooievaars"],
["pagec.html","De oude straatlantaarn","Zooals manlief doet, is het altijd goed"],
["paged.html","De ooievaars","De groote Klaas en de kleine Klaas"],
["pagee.html","Zooals manlief doet, is het altijd goed","De vliegende koffer"],
["pagef.html","De groote Klaas en de kleine Klaas",""],
["","",""], //empty: book/type separator
["history-1.html","","Clicking will bring you to the history for Anotherthing"],
["history-3.html","Clicking will bring you to the history for Something","Clicking will bring you to the history for Yet anothert hing"],
["history-.html","Clicking will bring you to the history for Anotherthing",""],
["","",""], //empty: type separator
["gallery-1.html","","Clicking will bring you to the gallery for Anotherthing"],
["gallery-3.html","Clicking will bring you to the gallery for Something","Clicking will bring you to the gallery for Yet anothert hing"],
["gallery.html","Clicking will bring you to the gallery for Anotherthing",""],
["","",""], //empty: type separator
["events-1.html","","Clicking will bring you to the events for Anotherthing"],

You should be able to reckognize the lines in the example.

Ler mais
Publicado em de John S.
John S.
John S.
User
Autor

What should be made :

An object in the template specification.

In this object it should be possible to specify the text for the buttons and the colors and the position.

Then a list where the page-collections is specified. 

Content :

URL for a page + hover text for prev-button  + hover text for next-button.

If a line is empty, then it should be a "stop"

I don't need this function, as you can see I have already made it myself, but I really think it could be useful for a lot of users. Such a function would be more relevant in a PRO version than the objects with click-effects and cursor-trails. A "Horisontal page scroll" function would be much more useable.

This is a opportunity for INCOMEDIA to make a useful function. And it is not much work. And it will be backward compatible. And users can use it on existing projects as the names in a page-collection is the existing names of the pages (The name the page has on the server )

Ler mais
Publicado em de John S.
John S.
John S.
User
Autor

I have now removed the example.

If anyone should be interested I could recreate it again for a while.

But even if the example is not existent - the idea is still there wink

Ler mais
Publicado em de John S.