Note that there are some explanatory texts on larger screens.

plurals
  1. POslideshow pause button doesn't work
    primarykey
    data
    text
    <p>This is a slideshow,and my problem is the pause button doesn't work and it doesn't pause the slideshow.It doesn't have any errors in firebug.The button changes to resume but doesn't pause the slideshow. I will be really really thankfull for your help.</p> <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="WebApplication4.WebForm6" %&gt; &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 runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt; &lt;/script&gt; &lt;script type="text/javascript" src="cycle.js"&gt;&lt;/script&gt; &lt;script style="text/javascript"&gt; $(function () { $('.slider img:gt(0)').hide();/*hides first 2th 3th pics*/ setInterval(function () { $('.slider :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.slider'); }, 3000); }); $(document).ready(function ($) { $('#playbutton').click(function () { $(this).css('margin-left', '-9999px'); $('#pausebutton').css('margin-left', 0); }); $('#pausebutton').click(function () { $(this).css('margin-left', '-9999px'); $('#playbutton').css('margin-left', 0); }); }); $(document).ready(function ($) {$('#playbutton').click(function() { $('#mg').cycle('resume'); }); }); $(document).ready(function ($) {$('#pausebutton').click(function() { $('#mg').cycle('pause'); }); }); &lt;/script&gt; &lt;style type="text/css"&gt; .slider { position:fixed; width:750px; height:400px; background-color:white; top: 9px; left: 12px; z-index:-1; background:transparent url(loading.gif) no-repeat 50% 50%; } .slider img { border-style: none; border-color: inherit; border-width: medium; position:fixed; top: 42px; left: 50px; height: 220px; width: 651px; bottom: 267px; } #pausebutton { left: 356px; margin-left:0px; position:absolute; top: 273px; height: 27px; } #playbutton { left: 356px; margin-left:0px; position:absolute; top: 273px; height: 27px; } &lt;/style&gt; &lt;/head&gt; &lt;body &gt; &lt;div class="slider" id="mg" &gt; &lt;img src="slider-2.jpg" /&gt; &lt;img src="slider-3.jpg" /&gt; &lt;img src="slider-4.jpg" /&gt; &lt;/div &gt; &lt;a href="#" id="playbutton"&gt;&lt;img src="play.png" alt="play button" title="Play" /&gt;&lt;/a&gt; &lt;a href="#" id="pausebutton" &gt;&lt;img src="pause.png" alt="pause button" title="Pause" /&gt;&lt;/a&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