Hi
I have got this coding from a web designer who created a jquery slideshow, it uses CSS and HTML as well, I copied and pasted it from his tutorial but when I made the images into links, the images are not showing
my site is www.irhwebsites.co.uk/web-portfolio.php
The code in the head section is below
Code:
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/
function slideSwitch() {
var $active = $('#slideshow A.active');
if ( $active.length == 0 ) $active = $('#slideshow A:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow A:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">
/*** set the width and height to match your images **/
#slideshow {
position:relative;
height:350px;
}
#slideshow A {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow A.active {
z-index:10;
opacity:1.0;
}
#slideshow A.last-active {
z-index:9;
}
</style>
The code in the body is as follows
HTML Code:
<div id="slideshow">
<a href="www.ehealthforyou.com" class="active" target="_blank"><img src="images/ehealthforyousite.png" width="600" height="300" alt="E Health For You" title="E Health For You" /></a>
<a href="http://www.partywithsid.co.uk" target="_blank"><img src="images/partywithsidsite.png" width="600" height="300" alt="Party With Sid" title="Party With Sid" /></a>
<a href="http://www.bellybusterfitness.co.uk" target="_blank"><img src="images/bellybusterfitnesssite.png" width="600" height="300" alt="Belly Buster Fitness" title="Belly Buster Fitness"/></a>
<a href="http://www.musclemerchants.com" target="_blank"><img src="images/musclemerchantssite.png" width="600" height="300" alt="Muscle Merchants" title="Muscle Merchants"/></a>
<a href="http://www.fazecaterers.co.uk" target="_blank"><img src="images/fazecatererssite.png" alt="Faze Caterers" title="Faze Caterers" width="600" height="300" /></a>
<a href="http://www.martsblinds.co.uk" target="_blank"><img src="images/martsblindssite.png" alt="Marts Blinds" title="Marts Blinds" width="600" height="300" /></a>
<a href="http://www.malimaf.com" target="_blank"><img src="images/malimafsite.png" alt="Malimaf" title="Malimaf" width="600" height="300" /></a>
<a href="http://www.cazclub.co.uk" target="_blank"><img src="images/cazclubscreenshot.png" alt="Caz Club" title="Caz Club" width="600" height="300" /></a>
<a href="http://www.greenoakroofing-windows.co.uk" target="_blank"><img src="images/greenoakroofingsite.png" alt="Greenoak Roofing" title="Greenoak Roofing" width="600" height="300" /></a>
<a href="http://www.mdmminibusandcars.co.uk" target="_blank"><img src="images/mdmminibussite.jpg" alt="MDM Minibus and Cars" title="MDM Minibus and Cars" width="600" height="300" /></a>
<a href="http://www.dressingup4fun.com" target="_blank"><img src="images/dressingupforfunsite.jpg" alt="Dressing Up For Fun" title="Dressing Up For Fun" width="600" height="300" /></a>
<a href="http://www.widdlegifts.com" target="_blank"><img src="images/widdlegiftssite.jpg" alt="Widdle Gifts" title="Widdle Gifts" width="600" height="300" /></a>
<a href="http://www.macs-golf.co.uk" target="_blank"><img src="images/macsgolfsite.jpg" alt="Macs Golf" title="Macs Golf" width="600" height="300" /></a>
<a href="http://www.regangroup.co.uk" target="_blank"><img src="images/regangroupsite.png" alt="Regan Group" title="Regan Group" width="600" height="300" /></a>
<a href="http://www.pmfencing.co.uk" target="_blank"><img src="images/pm-fencing-screenshot.jpg" alt="PM Fencing" title="PM Fencing" width="600" height="300" /></a>
<a href="http://www.tippytoestoys.co.uk" target="_blank"><img src="images/tippytoestoyssite.gif" alt="Tippy Toes Toys" title="Tippy Toes Toys" width="600" height="300" /></a>
<a href="http://www.vzcleaningservices.co.uk" target="_blank"><img src="images/vzcleaningsite.jpg" alt="VZ Cleaning" title="VZ Cleaning" width="600" height="300" /></a>
</div>
Please help me, been trying for ages to work it out