Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

jQuery da dejstvuje i na div-ovi koji su display: none

[es] :: Javascript i AJAX :: jQuery da dejstvuje i na div-ovi koji su display: none

[ Pregleda: 1932 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Insider_m
Web developer

Član broj: 290688
Poruke: 98
77.28.198.*



+7 Profil

icon jQuery da dejstvuje i na div-ovi koji su display: none23.12.2011. u 15:01 - pre 149 meseci
Koristim skriptu za slideshow preku kog u jednom momentu imam samo jedam div koji je display: block, a drugi su display: none.
Sa drugom skriptu hocu da dobijem jos jedan efekt, ali primetio sam da to dejstvuje samo na prvog (aktivnog) diva.

Dali je moguce jQuery da dejstvuje i na div-ovi koji su display: none jos od samog loadiranje sajta, i ako je, kako?
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: jQuery da dejstvuje i na div-ovi koji su display: none23.12.2011. u 16:56 - pre 149 meseci
Nije mi jasno sta zelis da postignes, daj primer koda koji ti ne radi pa ce ti neko vec pomoci.. A sto se skrivenih elemenata tice (display: none), jQuery moze bez problema da radi sa njima, ali kada je element skriven onda ne prima dogadjaje koje generisu input uredjaji (mis, tastatura)...
 
Odgovor na temu

Insider_m
Web developer

Član broj: 290688
Poruke: 98
77.28.193.*



+7 Profil

icon Re: jQuery da dejstvuje i na div-ovi koji su display: none26.12.2011. u 10:36 - pre 149 meseci
probacu da objasnim malo bolje

znaci ja koristim jquery cycle plug-in scriptu za slideshow na pozadinu mog sajta. ta scripta se povikuje na sledjeci nacin:

Code:
<div id="slideshow">
     <div class="slide">
            --- Content u prvi slajd ---
            <div class="resize-img">
                       <img src="px.gif" width="100%" height="100%" data-ratio="neka-promenliva"
                    style="background:url(slide1.jpg) no-repeat; background-position:center center; background-size: 100% auto;"
                 />
             </div>
             <div class="img-info">
                     <p>Neki tekst sa kom se opisuje sliku</p>
             </div>
     </div>
     <div class="slide">
            --- Content u drugi slajd ---
             <div class="resize-img">
                       <img src="px.gif" width="100%" height="100%" data-ratio="neka-promenliva"
                    style="background:url(slide1.jpg) no-repeat; background-position:center center; background-size: 100% auto;"
                 />
             </div>             <div class="img-info">
                     <p>Neki tekst sa kom se opisuje sliku</p>
             </div>
     </div>
      <div class="slide">
             --- ||| ---
      </div>
</div>


Code:
<script type="text/javascript"> 
           $('#slideshow').cycle();
</script>


konkretno u mom slucaju, ja imam sliku u svaki slide i za svaku sliku neki tekst za opis.
koristimm jos jednu logiku preko kog u svaki momenat sliku bude preko celo ekrana, proporcionalno skaliranu, bez deformaciju.
i to sam uradio, ali taj kod radi samo za prvu sliku, posle promene slideshow u vtorog slajda, sliku nije rasprostranjena po celog ekrana

Code:
    <script type="text/javascript">
        $(function() {
            var imgs = $(".cnt img");
            
            function resizeImgs(e) {
                imgs.each(function() {
                    var browserratio = $(this).width() / $(this).height();
                    if(browserratio > $(this).attr('data-ratio')) {
                        $(this).css('background-size', '100% auto');
                    } else {
                        $(this).css('background-size', 'auto 100%');
                    }
                });
            }        
            $(window).resize(resizeImgs);
            $(window).load(resizeImgs);
        });
        
    </script>

 
Odgovor na temu

VladaSu

Član broj: 31634
Poruke: 1099
*.dynamic.isp.telekom.rs.



+218 Profil

icon Re: jQuery da dejstvuje i na div-ovi koji su display: none03.01.2012. u 16:56 - pre 148 meseci
Koristi document ready ili live.
[Ovu poruku je menjao VladaSu dana 14.06.2003. u 11:22 GMT+1]
 
Odgovor na temu

[es] :: Javascript i AJAX :: jQuery da dejstvuje i na div-ovi koji su display: none

[ Pregleda: 1932 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.