Image and Text that automatically rotate
what i'm trying accomplish, need able apply link each image or text , have @ least 2 or 3 images stack on top of each other.
i tried swap image behavior, wasn't sure add link , automatically rotated.
when site working properly, i'm looking do.. http://thegospot.com/
thanks in advance
shirley
you can jquery.
get jquery innerfade.js script web (search google) , up-to-date copy of jquery framework script.
below simple example of 3 <divs> cycle through each other , start again. scripts used below reference sources on internet actual scripts finished job otherwise risk effect being broken if scripts removed @ time.
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>a simple jquery fade in/fade out div example</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="http://manualcolor.com/js/jquery.innerfade.js"></script>
<script>
$(document).ready(function() {
$('#cycledivs').innerfade({
speed: 'slow',
timeout: 5000,
type: 'sequence',
containerheight: '151px'
});
});
</script>
</head>
<body>
<div id="cycledivs">
<div id="one">
<p>bbc</p>
<a href="http://www.bbc.co.uk">go bbc website</a>
</div>
<!-- end 1 -->
<div id="two">
<p>itv</p>
<a href="http://www.itv.com">go itv website</a>
</div>
<!-- end 2 -->
<div id="3">
<p>channel 4</p>
<a href="http://www.channel4.com">go channel 4 website</a>
</div>
<!-- end 3 -->
</div> <!-- end cycledivs -->
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment