Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to keep the current image in slideshow still the same when refresh a webpage?
    primarykey
    data
    text
    <p>On my website (http://daaamnthisisfunny.blogspot.com/) I have set up an image slide show that every time the user clicks the right arrow it will take him/her to the next picture, and do the opposite when clicks the previous arrow. The problem is when the user refresh the page it will reset the slide to the first image. What I want to make is a website like (http://9gag.com/gag/1672046) that every time the user click on the next arrow the Url of the site will change accordingly. Do you have any ideas how I can accomplish that ?</p> <p>This is what i am using for my website:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;/head&gt; &lt;script language="JavaScript"&gt; var NumberOfImages = 10 var img = new Array(NumberOfImages) img[0] = "http://damnthisfunny.site40.net/1.jpg" img[1] = "http://damnthisfunny.site40.net/2.jpg" img[2] = "http://damnthisfunny.site40.net/3.jpg" img[3] = "http://damnthisfunny.site40.net/4.jpg" img[4] = "http://damnthisfunny.site40.net/5.jpg" img[5] = "http://damnthisfunny.site40.net/6.jpg" img[6] = "http://damnthisfunny.site40.net/7.jpg" img[7] = "http://damnthisfunny.site40.net/8.jpg" img[8] = "http://damnthisfunny.site40.net/9.jpg" img[9] = "http://damnthisfunny.site40.net/10.jpg" var imgNumber = 0 function NextImage() { imgNumber++ if (imgNumber == NumberOfImages) imgNumber = 0 document.images["VCRImage"].src = img[imgNumber] } function PreviousImage() { imgNumber-- if (imgNumber &lt; 0) imgNumber = NumberOfImages - 1 document.images["VCRImage"].src = img[imgNumber] } &lt;/script&gt; &lt;body&gt; &lt;center&gt; &lt;img name="VCRImage" src="http://damnthisfunny.site40.net/1.jpg" /&gt;&lt;/dr&gt; &lt;br /&gt; &lt;a href="javascript:PreviousImage()"&gt; &lt;img border="0" src="left1.jpg" /&gt;&lt;/a&gt; &lt;a href="javascript:NextImage()"&gt; &lt;img border="0" src="right1.jpg" /&gt;&lt;/a&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload