How I can add navigation buttons

  • mbz
  • Novice
  • Novice
  • mbz
  • Posts: 16

Post 3+ Months Ago

I have images at my site. When a user, clicks at an image, it displays a page. Is there a way to add navigation buttons that instead of click a user would use arrows to go between pages.

Thanks.
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 326
  • Loc: Cork, Ireland

Post 3+ Months Ago

I'm not really sure what are referring to. But this might help you out to generate a navigation button. oh, and this one too.

If what meant was that you want to use ARROW IMAGES for linking between pages, you can always create your ARROW IMAGE let say "arrow.gif" and use this code too add into the markup:

Code: [ Select ]
<a href="http://www.yourlinkgoeshere.com"><img src="arrow.gif" /></a>


I hope I guessed right. :D
  • mbz
  • Novice
  • Novice
  • mbz
  • Posts: 16

Post 3+ Months Ago

xfahmix wrote:
I'm not really sure what are referring to. But this might help you out to generate a navigation button. oh, and this one too.

If what meant was that you want to use ARROW IMAGES for linking between pages, you can always create your ARROW IMAGE let say "arrow.gif" and use this code too add into the markup:

Code: [ Select ]
<a href="http://www.yourlinkgoeshere.com"><img src="arrow.gif" /></a>


I hope I guessed right. :D


Thank you.

I'm afraid I did not explain properly what I'd like to do.
I'll try one more time.
I have code like this:
Code: [ Select ]
<TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=297216"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_milalava.jpg""height="150" width="150"><a></TD>
<TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=294624"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_zinabergs.jpg""height="150" width="150"><a></TD>
<TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=325600"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_cappadocia2.jpg""height="150" width="150"><a></TD>
<TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=308352"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_cocoanut.jpg""height="150" width="150"><a></TD>
<TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=319968"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_ml.jpg""height="150" width="150"><a></TD>
  1. <TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=297216"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_milalava.jpg""height="150" width="150"><a></TD>
  2. <TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=294624"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_zinabergs.jpg""height="150" width="150"><a></TD>
  3. <TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=325600"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_cappadocia2.jpg""height="150" width="150"><a></TD>
  4. <TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=308352"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_cocoanut.jpg""height="150" width="150"><a></TD>
  5. <TD> <LI><A HREF="http://epod.usra.edu/archive/epodviewer.php3?oid=319968"><!--BEGIN_LINK1URL--><!--http://epod.usra.edu/archive/epodviewer.php3?oid=319968--><!--END_LINK1URL--><img src="http://epod.usra.edu/archive/images/main_ml.jpg""height="150" width="150"><a></TD>

When user ckicks at the image it displays a web page with this image. What I'd like to do is to create some kind of slide show, not for the images but for web pages with these images and to give the user ability to pause, to go back and forth using arrow keys at his key-board.
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 326
  • Loc: Cork, Ireland

Post 3+ Months Ago

You can use Javascript to achieve auto-load (slideshow-like) effect. The main issue in this example is that this method do use frames which is a big No-No in term of SEO point of view. Unless you don't want any visitors (including search engine bots) to your site, this is not a good option.

Probably another 'older method' is to use META refresh technique to refresh and redirect your visitor to another page. Again, this method is not advisable because it is bad for SEO AND this will give strain to your server because for example if you set the meta-refresh to 2 seconds, it will request a new page every 2 seconds which can consume significant number of resources and bandwidths.

My best bet is that you are better off opt in with Gallery Slideshow either using Flash or AJAX (+DHTML) to achieve the slideshow effect of your images (including caption) rather than refreshing the whole webpage. This method is better in term of SEO and presentation.

Hope this info do help you out.

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 70 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.