CMS online-kursus: Gallerier

CSS3 Flashy slideshow

CJ flashy Slide Show er et JQuery plugin, der giver dig mulighed for at oprette et foto diasshow, der har nogle "flash-lignende" overgangsperiode effekter. Dette plugin har forskellige indstillinger, som du kan manipulere for at opnå en lang række effekter, såsom størrelsessortering, timing, gennemsigtighed og form stil. Integration er legende let, du kan dybest set skabe et sæt af billeder og pak det i en simpel container. I modsætning til de fleste Flash-løsninger, du behøver ikke at oprette en ekstern XML-fil

eller integrere dine billeder i en hård-til-forandring Flash projekt. læs mere: CJ flashy Slide Show

HTML kode:

	
	<div class="cjFancyTransition" id="example">
		<img height="150" src="image_a.jpg" width="250" /><br />
		<img height="150" src="image_b.jpg" width="250" /><br />
		<img height="150" src="image_c.jpg" width="250" />
	</div>
	

Stylesheet:

		
.cjFancyTransition 
	{ 
	position: relative; 
	display: block; width: 
	250px; 
	height: 150px; 
	overflow: hidden; 
	} 
.cjFancyTransition br 
	{ 
	display: none; 
	}		

Javascript:

$(document).ready(
	function()
		{
		$("#example").cjFlashySlideShow(
			{ 
			preset: 'rain' 
			});
		}); 

Du kan bruge følgende i preset:

• Briks
• Cubism
• Rain
• Blinds
• Blinds2
• Transport
• Transport2

Plugins:

 Flasy Slideshow