Ich habe auf Via del Gusto - Slideshow eine Slideshow erstellt. Alles ist soweit ok, nur eine sache stört mich, Ich möchte gerne, dass die Bilder nicht erst ins weiße gehen, sondern das die bilder erst transparent werden, und so ins nächste übergehen. Ist das Möglich?
Nach dieser anleitung bin ich vorgegangen: Create Featured Content Slider Using jQuery UI
Hier der Code:
Ich hoffe mir kann jemand helfen. Danke schonmal
Nach dieser anleitung bin ich vorgegangen: Create Featured Content Slider Using jQuery UI
Hier der Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Via del Gusto - Slideshow</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<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://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);
});
</script>
</head>
<body>
<div id="featured" >
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="pics/1g.png" alt="" />
<div class="info" >
</div>
</div>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="pics/2g.png" alt="" />
<div class="info" >
</div>
</div>
<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="pics/3g.png" alt="" />
<div class="info">
</div>
</div>
<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="pics/4g.png" alt="" />
<div class="info">
</div>
</div>
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="pics/4.png" alt="" border="0"/><span></span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="pics/3.png" alt="" border="0"/><span></span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="pics/2.png" alt="" border="0"/><span></span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="pics/1.png" alt="" border="0"/><span></span></a></li>
</ul>
</div>
</div>
</body>
</html>Ich hoffe mir kann jemand helfen. Danke schonmal
Zuletzt bearbeitet:
