Advanced Search

Return to Snippet

Revision: 19870
at November 2, 2009 15:41 by inthewayboy
Updated Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>cycleTest</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
	$("#cycleTest").cycle();
});
</script>
</head>
<body>
<div id="cycleTest">
	<img src="http://bit.ly/3cHTyG" width="200" height="200" />
	<img src="http://bit.ly/2Paz0b" width="200" height="200" />
	<img src="http://bit.ly/1mpPuL" width="200" height="200" />
	<img src="http://bit.ly/16gVyD" width="200" height="200" />
</div>
</body>

Revision: 19869
at November 2, 2009 15:37 by inthewayboy
Initial Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>cycleTest</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
	$("#cycleTest").cycle();
});
</script>
</head>
<body>
<div id="cycleTest">
	<img src="http://www.cheapest-computer-hardware-software.com/images/CP2-P4-2000NC.jpg" width="200" height="200" />
	<img src="http://shop.softsellelectronics.com/images/INTEL-QUADCORE.jpg" width="200" height="200" />
	<img src="http://www.rtech.ie/itbits.ie/images/BX80571E5300.jpg" width="200" height="200" />
	<img src="http://pjcomputers.net/ProductImages/asusp5qpl-vmepumotherboard/ASUS%2520K8A4-8SB3%2520CPU%2520FAN.JPG" width="200" height="200" />
	<img src="http://gr.asus.com/999%255Cimages%255Cproducts%255C2768%255C2768_m.jpg" width="200" height="200" />
	<img src="http://img.alibaba.com/photo/106908929/XTX_US15WP_CPU.jpg" width="200" height="200" />
	<img src="http://th.asus.com/999%255Cimages%255Cproducts%255C2757%255C2757_m.jpg" width="200" height="200" />
</div>
</body>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Just the bare essentials needed to produce a jQuery.Cycle.Lite powered image sequence...make sure you adjust paths according to your needs!

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
jQuery.Cycle.Lite

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery