.hover .mouseover | .mouseout - Die Qual der Wahl

[flipmode]

Hallo,

ich bin noch Neueinsteiger was jQuery angeht und habe mir hierzu von Galileo-Computing das jQuery Praxishandbuch gekauft - womit ich auch recht gut zurecht komme, allerdings fehlen mir im Buch etwas mehr Beispiele an welchen man sich Orientieren kann.

Die Aufgabe ist eigentlich recht einfach.
<li> - Element
background: url('../base/123/back_img.png') no-repeat top center ;

Die Grafik enthält die Abbildungen für hover / active, welche jeweils über background-position: 0 -XYpx; nachgerückt werden - das ist zwar weniger eine Anwendung für jQuery allerdings sollte der Vorgang "smooth" geschehen und hier habe ich so meine Probleme.
.fadeIn | .fadeOut sind wohl ungeeignet, da hierdurch das Element auf display: none gesetzt wird. Evtl. kann mir jemand einen Tipp geben?
Anbei noch eine Skizze...


Grüße

Jürgen

[zehsn]

Ohne weiteres Plugin kannst du die Hintergrundgrafik über jQuery nicht "smooth" verschieben (soweit ich weiß).

Du kannst also ein Plugin nutzen. zB.
http://www.protofunc.com/scripts/jqu...roundPosition/

Oder du setzt die UL auf position relative und verschiebst sie über jquery mit animate und top.
xx = Pixel
5000 = Dauer der Animation

$('ul#liste').animate({
    top: '+=xx'
  }, 5000, function() {
    // Animation complete.
  });

Für mehr informationen:
http://api.jquery.com/animate/

[flipmode]

Hi,

danke für den Tipp - damit lässt sich das ganze wirklich mehr als einfach erledigen .
Aktuell bin ich allerdings schon wieder am verzweifeln.

Ich möchte mittels jQuery Abfragen ob ein Element eine bestimmte Klasse aufweist - bzw. ob es Existiert, das war bisher kein Problem, allerdings sollte bei Existieren oder vorhandensein dieser Klasse ein Übergeordnetes DIV angezeigt werden...
Mein Ansatz wäre dieser...

if ($(‘div#divname’).length) alert(‘true’);
if (!$(‘div#divname’).length) alert(‘false’);

Wie kann ich nun aber auf ein Ergebnis eine function ausführen?

Danke

Jürgen

[zehsn]

warum so kompliziert.

$("div#divname").hasClass("klasse");

das gibt dir den Wert true oder false.
Wenn der erst gar nicht existiert kriegst du ja auch false.

und dann if Abfrage:

if ( $(...) == true ) {

}
else {

}

[flipmode]

Hi zehsn,

danke ( wenn auch etwas verspätet) , hab es damit hinbekommen !

Grüße

Jürgen