» »

javascript jquey slidshow + dodatek (kako?)

javascript jquey slidshow + dodatek (kako?)

Veron ::

Torej uporabil sem slideshow jquery skripto, da mi "obrača" določene slike
Odstranil sem nepotrebno, vendar rab bi še dodal eno zadevo, pa mi ne gre (pomankanje znanja javasctip in jquery). Torej rabil bi malo pomoči.

$(document).ready(function() {        
    slideShow();
});
function slideShow() {
    $('#slider_glava a').css({opacity: 0.0});
    $('#slider_glava a:first').css({opacity: 1.0});
    // var color = ?? ;
    // setInterval('gallery('+color+')',2000);
    setInterval('gallery()',2000);
}
// function gallery(color) {
function gallery() {
    var current = ($('#slider_glava a.show')?  $('#slider_glava a.show') : $('#slider_glava a:first'));
    var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#slider_glava a:first') :current.next()) : $('#slider_glava a:first'));
    next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
    current.animate({opacity: 0.0}, 1000).removeClass('show');
    //document.body.style.backgroundColor = '#'+color;
}

koda ki drži slike (namesto # so praviloma linki)
    <div id="slider_glava">
        <a href="#" class="show" name="2b79c8">
            <img src="images/img1.png" alt="" rel="">
        </a>
        <a href="#" name="25292e">
               <img src="images/2.png" alt="" rel="">
        </a>
    </div>

Torej to je koda, ki jo za delovanje spreminjanja slik na 6 sekund potrebujem in dela BP. Vendar k temu bi rad dodal, da mi še menja body background (kot na koncu, sicer trenutno zakomentirano). Vendar mora sripta od nekje prebrat color (barvo), ker je ob vsaki sliki malenkost drugačen odtenek. Torej ne znam pobrat recimo vrednosti 'name' iz a linka (recimo, sej nevem točno če lahko tko sploh, ali pa alt iz slike...)

dodatek: sicer bi bilo super, če bi znal kdo pomagat, da zadeva celo animira kot slika (torej .animate)
  • spremenil: Veron ()

DiTi ::

vrednost barve lahko dobiš tako var barva = current.attr("name"); (če imaš name določen"). spremeniš pa potem tako da daš pač določenemu elementu še css("background",barva) to pa verjetno določaš a-u in ne img-ju. torej mislim da bo dovolj če dodaš current.css("background",barva);

Zgodovina sprememb…

  • spremenil: DiTi ()

frudi ::

jQuery .animate() metoda omogoča, da ji podaš tudi callback funkcijo, ki se izvede, ko se animacija konča. Kodo za spremembo ozadja je potrebno dodati v ta callback.
Torej... recimo, da imaš vrednost barve shranjene v 'name' atributu vsakega linka (okrog slike) in če prav razumem, želiš background-color za body nastaviti na vrednost, ki je zapisana v novi sliki. Potem bi trenutno zadnjo vrstico spremenil v nekaj takega:
current.animate({opacity: 0.0}, 1000, function() {
	$('body').css('background-color', next.attr('name'));
}).removeClass('show');

Pomen .css() in .attr() metod bi moral biti jasen. Sicer pa imaš na voljo odlično jQuery dokumentacijo za oba - .css(), .attr().
1ACDoHVj3wn7N4EMpGVU4YGLR9HTfkNhTd... in case I've written something useful :)

Zgodovina sprememb…

  • spremenilo: frudi ()

Veron ::

frudi hvala za tole, vendar zadeva dela v IE, FF pa ne.

frudi ::

A imaš to kje na netu? Na pamet ne morem reči, kaj bi bilo narobe.
1ACDoHVj3wn7N4EMpGVU4YGLR9HTfkNhTd... in case I've written something useful :)

Veron ::

na netu? Sicer stran zaenkrat laufam na localhost.
sicer če naredim kar si napisal, torej napisano kodo zamenjam za zadnjo (current.animate...) potem spreminja ozadje v IE, v FF pa ne spremeni ozadja.

frudi ::

V tej dodani vrstici ni nič takega, kar bi bilo IE-only oziroma katerikoli browser-only. Problem je očitno nekaj druga - kaj točno, pa na pamet ne morem reči. Lahko je kaka trivialnost, ki bi jo takoj opazil, če bi lahko pogledal celo zadevo v delovanju. Zato sem te vprašal, če imaš to že kje na netu, da bi na hitro pogledal, kaj pravi Firebug...
1ACDoHVj3wn7N4EMpGVU4YGLR9HTfkNhTd... in case I've written something useful :)


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Kako narediti to stran "resposive"?

Oddelek: Izdelava spletišč
51012 (903) zzbil
»

Jquery

Oddelek: Izdelava spletišč
151792 (1516) mk818764
»

CSS3 - Transparentnost + Text Problem

Oddelek: Izdelava spletišč
22825 (654) Tydek
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč
8711202 (9940) lisjak
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61833 (1713) jonystar

Več podobnih tem