Szablony IceBlue

KOD

<div id="gallery"> 
<a href="#" class="show"><img src="https://img.webme.com/pic/s/szablonyiceblue/iceslide1.jpg " alt="Flowing Rock" alt="" title="" width="921" height="300" rel="<h3>Deine Überschrift</h3>Hier deine Bildbeschreibung."/></a></a>
<a href="#"><img src="https://img.webme.com/pic/s/szablonyiceblue/iceslide2.jpg " alt="Grass Blades" alt="" title="" width="921" height="300" rel="<h3>Deine Überschrift</h3>>Hier deine Bildbeschreibung."/></a>
<a href="#"><img src=" https://img.webme.com/pic/s/szablonyiceblue/iceslide3.jpg " alt="Grass Blades" alt="" title="" width="921" height="300" rel="<h3>Deine Überschrift</h3>>Hier deine Bildbeschreibung."/></a>
<div class="caption"><div class="content"></div></div></div> <div class="clear"></div>
<script src="http://ombadesign.de/js/iceslide.js"></script>  <script type="text/javascript">
$(document).ready(function() {slideShow();}); function slideShow() {
$('#gallery a').css({opacity: 0.0});
$('#gallery a:first').css({opacity: 1.0});
$('#gallery .caption').css({opacity: 0.7});
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400); setInterval('gallery()',6000);}
function gallery() {var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first')); var caption = next.find('img').attr('rel'); next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
$('#gallery .content').html(caption);}
</script>  </style> <center> <style type="text/css">
</style>