| Autor | Zpráva | ||
|---|---|---|---|
| rollerblade Profil * |
#1 · Zasláno: 11. 4. 2012, 10:48:21 · Upravil/a: rollerblade
Dobrý den, všem:) Už delší dobu tu sedím a bádám:) Mám dvě šipky na cycle pluginu posunuté na banneru. A tyto šipky slouží k posunu na další banner.. prostě prohazují bannery s obrázky a s textem. Já chci, aby šipky byly vidět jen když na banner najedu myší. Moje domněnka: Na celý banner nastavím mouse událost, že když na něj najedu zobrazí se šipky, ale tady je problém:) nějak to nejde. Zde je zdrojový kód:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
body{font-family: Arial, Helvetica, sans-serif;}
#s7 { width: 950px; height: 237px; border: 1px solid #ddd; background-color: white; }
#s7 div { width: 950px; height: 237px; color: black; text-align: left; font-size: 20px; overflow: hidden }
td a {margin: 10px;padding-left: 10px; background-image: url("bullets.png");background-repeat:no-repeat;color: transparent; }
.nav { margin: 0px auto;width: 50px; }
#nav a { text-decoration: none; }
#nav a.activeSlide { background-image: url("tecka.png");background-repeat:no-repeat;color: transparent;}
#nav a:focus { outline: none; }
.vlevo {
margin-left: 2px;
margin-top: 100px;
position: absolute;
z-index: 9999;
}
.vpravo {
margin-top: 100px;
position: absolute;
margin-left: 920px;
z-index: 9999;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function() {
$('#s7').cycle({
fx: 'scrollRight',
delay: -1000,
next: '.vpravo',
prev: '.vlevo',
pager: '#nav'
})
});
</script>
</head>
<body>
<div id="main">
<table cellspacing="20">
<tr><td>
<img class="vlevo" src="leva.png">
<img class="vpravo" src="prava.png">
<div id="s7">
<div>
<img src="kontejner.png" width="452" height="237" style="float: left;" />
<h1 style="margin: 0;padding: 0;">Kontejnery světové kvality</h1>
<p>Značka CARU je zárukou špičkových služeb v oblasti prodeje a pronájmu přepravních kontejnerů. </p>
</div>
<div>
<img src="kontejner.png" width="452" height="237" style="float: left;" />
<h1>Objevte svět kontejnerů</h1>
<p> Naše kontejnery jsou deponovány na 70 depech po celém světě. V ČR jsou k dispozici v Brandýse nad Labem, Brně, Mělníku, Praze.</p>
</div>
<div>
<img src="kontejner.png" width="452" height="237" style="float: left;" />
<p> your slide transitions occur. Test them out and see what
ones you like. Check out the many examples on this website
and see which ones catch your eye. </p>
</div>
</div>
<div id="nav" class="nav">
</div>
</td></tr>
</table>
</div>
</div>
</body>
</html> $('#s7').mouseenter(function() {
$('.vlevo,.vpravo').css("display","block"); |
||
| peta Profil |
<style>
.a .sipka {display:none;}
.a:hover .sipka {display:inline;}
</style>
<div class=a>
<span class=sipka><img src=sipka1.gif>a</span>
<span class=obsah><img src=banner.jpg>b</span>
<span class=sipka><img src=sipka2.gif>c</span>
</div>Nevim, zda to jde zapsat v jquery takto s carkou nebo kazde zvlast '.vlevo,.vpravo'. |
||
|
Časová prodleva: 14 let
|
|||
0