Autor Zpráva
rollerblade
Profil *
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>
.vlevo a . vpravo jsou ty šipky ... s7 je ten div na který když najedu potřebuji, aby byli vidět ty šipky jinak ne:) Nevím jak na to:(((( Děkuji za rady...


 $('#s7').mouseenter(function() {
                    $('.vlevo,.vpravo').css("display","block");
Tohle jsem zkoušel, ale prostě nic...:( jen se mi rozjede jquery .. že se mi vysypou pod sebe všechny divy:(
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'.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: