Learn VBA & Macros in 1 Week!

JavaScript - Simplesli.de Help

Full Excel VBA Course - Beginner to Expert

Simplesli.de Help	View Content

I'm trying to use the simpleslide plugin, but it doesn't seem to work. 1 it doesn't move to the next image at all. It also is not displaying the next & previous arrows. I have no idea what's wrong

here's my html

btw the a.js file contains the plugin code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="a.js"></script>
<script type="text/javascript">$(document).ready( function(){ simpleSlide(); });</script>
</head>

<body>
<h1>Gallery 1</h1>

<div class="simpleSlide-window" rel="1">
	<div class="simpleSlide-tray" rel="1">
		<div class="simpleSlide-slide" rel="1" alt="1">
			<img src="someimage">
		</div>
		<div class="simpleSlide-slide" rel="1" alt="2">
			<img src="someimage">
		</div>
		<div class="simpleSlide-slide" rel="1" alt="3">
			<img src="someimage">
		</div>
	</div>
</div> 
</body>
</html>

I've added the arrow divs, but it still doesn't work.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="a.js"></script>
<script type="text/javascript">$(document).ready( function(){ simpleSlide(); });</script>
<style>
body { background: black; }
.simpleSlide-window { margin: auto; }
.left-button {background:url(../garski.net/dodatki/michal/poprzedni-1.png) no-repeat ; }
.right-button { background:url(../garski.net/dodatki/michal/nastepny-1.png) no-repeat ; }
</style>
</head>

<body>
<h1>Gallery 1</h1>

<div class="left-button" rel="group">	</div>
<div class="simpleSlide-window" rel="1">


    <div class="simpleSlide-tray" rel="1">
    
     
        <div class="simpleSlide-slide" rel="1" alt="1">
            <img src="1.jpg">
        </div>
        <div class="simpleSlide-slide" rel="1" alt="2">
            <img src="2.jpg">
        </div>
        <div class="simpleSlide-slide" rel="1" alt="3">
            <img src="0.jpg">
        </div>
    </div>
   
   
</div> 
<div class="right-button" rel="group"></div>
</body>
</html>

if I put images in the divs, it doesn't help either, the images are not clickable at all

Full Excel VBA Course - Beginner to Expert

Odd Jquery Simplesli.de Problem

Similar Tutorials

View Content

Hi,

First of all, please excuse my ignorance of JQuery(and coding in general) - Although I hastily grab plugins and try to use them, I really do appreciate them, and also the help you may provide me with my problem!

My problem is this - I was looking for a simple and effective slideshow to use in a website I was making. SimpleSli.de(http://www.simplesli.de/) was exactly what I was looking for. It works great when it works but sometimes when I load the page it kind of doesn't work. I don't know what is going on but only approximately 50 pixels of the slideshow is visible. This happens sporadically when you refresh the page multiple times, and seems to not work more often on Google Chrome.

I've eliminated every possible wrong doing in my code and tried installing firebug to help me identify the problem but for now this is beyond my understanding. JS Lint also purged errors in the code but still the same intermittent problem.

I tried to contact David Drew - the creator of SimpleSli.de but he has not responded to me.

On top of this I was trying to Auto Play the slideshow on load but could not get this to work. The code for it is available on the SimpleSli.de website but I tried to implement it in every possible way but it did not work. This problem is secondary and not really a proper problem so no worries if you can't help me on this one.

The website in question is http://www.argsecurityscotland.co.uk/

Thank you in advance for your time and expertise, I really appreciate it.