Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „jQuery-Frage“

saila

Moderatorle

Hi,

folgende Ausgangslage:
innerhalb des HTML ist ein
Code:
<a href="#">Bezeichnung<span class="image-preview"><img src="path_image" width="x" height="y" alt="Beschreibung" /></span></a>

Ich weise nun per jQuery folgende Funktion zu:
Code:
$(document).ready(function() {
 $("span").filters("image-preview").css('display','none');
});

Wenn ich nun innerhalb der Funktion per CSS bei mousover oder hover die CSS-Klasse verändern möchte, wie läuft das ab?
 

sokie

Mod | Web

AW: jQuery-Frage

nach wie vor über das Attribut className.
zB
PHP:
<script type="text/javascript">
$(document).ready(function(){
  $("span.image-preview img").mouseover( function(){
    this.className = "redborder";
  });
  $("span.image-preview img").mouseout( function(){
    this.className = "noborder";
  });
});
</script>

<style type="text/css">
    .redborder { border: 3px solid red; padding: 0; }
    .noborder { border: 0 none; padding: 3px; }
</style>
 

stroyer

Aktives Mitglied

AW: jQuery-Frage

<a href="#">

kommt da bei href nichts rein?
In diesem Fall würde ich javascript:void(0); hineinsetzen (wobei die Funktion void im Scriptteil nicht existiert)
 

saila

Moderatorle

AW: jQuery-Frage

Hi,

weder der erste noch der zweite Vorschlag würden hier helfen.

Hier noch mal die aktuelle Version:
Code:
$(document).ready( function() {
    $("image-preview").mouseover(function() {
        $(this).css("display", "block");
    });    
});

display: none; ist per CSS definiert. Href muss nicht zwingend einen Inhalt haben. Ok - für validität ja, aber das ist später angesagt und auch etwas komplexer zu gestalten (bei Drupal CMS-Framework).
 

stroyer

Aktives Mitglied

AW: jQuery-Frage

Wegen Href ist halt folgendes Problem: wenn du nichts reinsetzt wird er von einigen Browsern nicht als Link interpretiert und wenn du # reinsetzt springen ein paar Browser auf den Seitenanfang. Aber du hast Recht, das geht später auch.

Mit jQuery kenn ich mich kaum aus; aber kann sein, dass onmouseover und nicht nur mouseover gehört?
 

sokie

Mod | Web

AW: jQuery-Frage

warum eigentlich $(this) ? würde an der Stelle nicht ein this. reichen?
in meinem Beispiel oben habe ich damit die className austauschen können.
 

saila

Moderatorle

AW: jQuery-Frage

Stimmt, das geht auch. Allerdings ist ja nun die Situation eine andere durch einführung einer CSS-Klasse in einer CSS-Datei, was die Ausgangslage eigntl. erleichtern sollte. Die neue Situation reagiert aber weder auf "display","block" noch auf $(this) oder this.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.155
Beiträge
2.581.853
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben