Post by • Ambrose • on Jan 10, 2013 9:01:17 GMT -8
Things look fine at first glance, but then there's no animation. I need to add animation to it because, after all, it is supposed to be a slideshow. Here is the code I have for my index page of my website, where the slideshow would be placed. It includes the slideshow code that I found from here; snook.ca/archives/javascript/simplest-jquery-slideshow
As you can see, I followed instructions properly. The first time, before I added the <script> tags, there was text below the picture and I didn't want that. Once I added the <script> tags, the text disappeared but the animation still isn't there. This is my first time using Javascript, so it's complicated for me.
... I'm not sure why the code went random after submitting but I can assure you there isn't a lot of DIV tags being used in the actual code.
As you can see, I followed instructions properly. The first time, before I added the <script> tags, there was text below the picture and I didn't want that. Once I added the <script> tags, the text disappeared but the animation still isn't there. This is my first time using Javascript, so it's complicated for me.
... I'm not sure why the code went random after submitting but I can assure you there isn't a lot of DIV tags being used in the actual code.
[div]<html>[/div][div]
[/div][div]<title>SHP - DES JEUNES [Home]</title>[/div][div]
[/div][div]<head>[/div][div]
[/div][div]<link rel="stylesheet" type="text/css" href="C:\Users\Ambrose\Desktop\SHP_DJ_Web\shpdj.css" />[/div][div]
[/div][div]</head>[/div][div]
[/div][div]<body>[/div][div]
[/div][div]<center>[/div][div]
[/div][div]<tr>[/div][div]<td cellspacing="0" cellpadding="0" align="center" height="150px" border="0"><img src="http://i1074./w412/sh3photography/djyouth/NDJ_Banner.png" border="0" /></td>[/div][div]</tr>[/div][div]
[/div][div]<table>[/div][div]
[/div][div]<div width="1000px">[/div][div]<img src="http://i1074./w412/sh3photography/djyouth/NDJ_Subtitle2b.png" /><img src="http://i1074./w412/sh3photography/djyouth/NDJ_menu2c_home.png" /><img [/div][div]
[/div][div]src="http://i1074./w412/sh3photography/djyouth/NDJ_menu2b_models.png" /><img src="http://i1074./w412/sh3photography/djyouth/NDJ_menu2b_about.png" /><img [/div][div]
[/div][div]src="http://i1074./w412/sh3photography/djyouth/NDJ_menu2b_rates.png" /><img src="http://i1074./w412/sh3photography/djyouth/NDJ_menu2d_contact.png" />[/div][div]</div>[/div][div]
[/div][div]</table>[/div][div]
[/div][div]<table>[/div][div]
[/div][div]<tr>[/div][div]<td align="center" height="675px" border="0">[/div][div]
[/div][div]<div class="fadein">[/div][div] <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">[/div][div] <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">[/div][div] <img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">[/div][div]</div>[/div][div]
[/div][div]<script>[/div][div]$(function(){[/div][div] $('.fadein img:gt(0)').hide();[/div][div] setInterval(function(){[/div][div] $('.fadein :first-child').fadeOut()[/div][div] .next('img').fadeIn()[/div][div] .end().appendTo('.fadein');}, [/div][div] 3000);[/div][div]});[/div][div]</script>[/div][div]
[/div][div]</td></tr>[/div][div]
[/div][div]</table>[/div][div]
[/div][div]<tr>[/div][div]<td cellspacing="0" cellpadding="0" align="center" height="75px" border="0"><img src="http://i1074./w412/sh3photography/djyouth/NDJ_Disclaimer.png" border="0" /></td>[/div][div]</tr>[/div][div]
[/div][div]</table>[/div][div]
[/div][div]</center>[/div][div]
[/div][div]</body>[/div][div]
[/div][div]</html>
