Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Need help with slideshow

  • Please log in to reply



    New Member

  • Member
  • Pip
  • 1 posts
this is where the problem is http://www.thompsonp...iving-Pool.aspx

I am trying to create this slideshow for my website but i really need to figure out the resto fo the codes. I am a beginner and I dont have much of a clue what I am doing. If you could please help me by filling in the blanks or taking out the unnecessary things, that would be greatly appreciated. Here is what i have:

<html xmlns="/http://www.thompsonpoolsinc.com">
<title> Concert Ads </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
var images = new Array(5);
images[0] = new Image();
images[1] = new Image();
images[2] = new Image();
images[3] = new Image();
images[4] = new Image();
images[0].src ="/uploads/cave5.jpg.jpg"
images[1].src ="/uploads/cave5.jpg"
images[2].src ="/uploads/cave5.jpg"
images[3].src ="/uploads/cave5.jpg"
images[4].src ="/uploads/cave5.jpg"
function change (y) {
var plaatje=document.getElementById("picture");
var lengte = (plaatje.src).length;
var picurl = (plaatje.src).substring(lengte-14);
if(picurl=="/uploads/cave1.jpg") { x=0; }
if(picurl=="/uploads/cave2.jpg") { x=1; }
if(picurl=="/uploads/cave3.jpg") { x=2; }
if(picurl=="/uploads/cave4.jpg") { x=3; }
if(picurl=="/uploads/cave5.jpg") { x=4; }
document.getElementById("picture").src = images[x+y].src;
<p><img src="/uploads/cave2.jpg" id="picture" height="250" width="380" alt="Photos of a cave" /></p>
<p><a href="#" onclick="change(-1);"><img border="0" SRC="/uploads/previous.png"></a>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href="#" onclick="change(1);"><img border="0" SRC="/uploads/next.png"></a></p>
<p class="b2"><strong></strong></p>

Please help me

Thank you
  • 0





  • Member
  • PipPipPip
  • 426 posts
Just which one is the slide? Nothings moving, lol. Is it the one with the previous/next buttons? Those produce a jump to top because you are using href="#" and the onclick script. Where did you get the slideshow script?

Maybe check and use a JQuery Slider or something else:

JQuery Slideshows:


Slideshow: A Javascript class for Mootools: http://www.electricp...eron/slideshow/
5 Ways to Create Beautiful Slideshows of your Digital Pictures: http://www.makeuseof...gital-pictures/
XnView (One of many features - Slide show with effects): http://www.xnview.com/en/features.html
Image Slideshows: http://www.dynamicdr...ex14/index.html
Slideshows: http://www.javascrip...utindex21.shtml
JavaScript Slideshow: http://www.barelyfit...how/index.php/4
JavaScript Tutorial: Build Your Own Image Viewer with Scrollbar: http://www.htmlgoodi...cle.php/3870076

ANVSOFT Flash Slide Show Maker (free for personal use): http://flash.dvd-pho...photo_fader.php
Ultimate Fade-in slideshow (v2.0): http://www.dynamicdr...inslideshow.htm
Scriptocean Javascript Slideshow: http://www.scriptoce...show/index.html
VAMP is an easy-to-use multimedia dashboard for all your creative needs.: http://www.imvamp.com/
Also, both http://photobucket.com/ and http://www.imageshack.us/ have online Slideshow makers.

10 CSS errors

HTML Errors

Edited by AstraNut, 19 January 2011 - 04:59 AM.

  • 0

Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP