Red Hair: jquery var hilfe

SELF-Forum

jquery var hilfe

Red Hair
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich brauche mal Eure Hilfe als Anfänger.
Versuche schon seit Stunden da hinter zu kommen wie man das macht.

HTML

  
<div id="bild" >  
  <img id="src" src="./img/home.JPG" width="500" height="250" border="0"  alt="img">  
</div>

Also es gibt auf jeder Seite ein anderes Bild.
Wenn ich über das Menue gehe soll das SRC sich ändern und wenn ich aus dem Menue gehe soll das eigentliche wieder erscheinen.

Ich wollte jetzt erstmal src="./img/home.JPG" in eine var ablegen.

var $test = $('#src').attr('src');

aber ohne Erfolg

Mit Mouseover/out dann den wechsel machen.

$('.lireise').mouseover(function(){  
	$('#src').attr('src', './img/DSC_0012.JPG')  
	});  
$('.lireise').mouseout(function(){  
	$('#src').attr('src', 'test')  
	});

abgesehen davon, dass $('#src').attr('src', 'test') wohl nicht stimmt, klappt es nicht mit der var.

Wäre super nett wenn Ihr einem Anfänger da helfen könntet.

Gruß und Danke
Red

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. jquery var hilfe

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich wollte jetzt erstmal src="./img/home.JPG" in eine var ablegen.

    var $test = $('#src').attr('src');

    aber ohne Erfolg

    Was heisst ohne Erfolg?
    Bekommst du eine Fehlermeldung, hat deine anschliessende Kontrollausgabe nicht das erwartete ergeben, oder ...?

    $('.lireise').mouseout(function(){
    $('#src').attr('src', 'test')

    abgesehen davon, dass $('#src').attr('src', 'test') wohl nicht stimmt,

    Stimmt, tut's nicht, denn da übergibst du als Bildadresse das Textiteral 'test'. Wenn du eine Variable übergeben möchtest, dann meinst du aber test.

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. jquery var hilfe

    Joachim Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    var $test = $('#src').attr('src');

    aber ohne Erfolg

    und Du greifst zu einem Zeitpunkt auf das Element zu, zu dem es bereits existiert?

    Dieses Beispiel funktioniert einwandfrei:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
        <script type="text/javascript" src="jquery-1.3.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                alert($("#src").attr("src"));
            });
        </script>
    </head>
    <body>
        <img id="src" src="lala.gif" />test
    </body>
    </html>

    ggf musst Du mal darüber nachdenken, was $(document).ready macht...

    $('#src').attr('src', 'test')

    Ich dachte Du wolltest eine Variable einsetzen, das ist ein String...

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. jquery var hilfe

    Red Hair
    – Informationen zu den Bewertungsregeln

    So, erstmal vielen Dank für die Hilfe.

    Ich hab es jetzt so hinbekommen.

      
$(document).ready(function() {  
	  
	var $test = $('#src').attr('src');  
	alert($test);  
	  
	$('.lihome').mouseover(function(){  
			$('#src').attr('src', './img/bg.jpg')  
	});  
	$('.lihome').mouseout(function(){  
			$('#src').attr('src', ($test))  
	});  
	  
	$('.lireise').mouseover(function(){  
			$('#src').attr('src', './img/DSC_0012.JPG')  
	});  
	$('.lireise').mouseout(function(){  
			$('#src').attr('src', ($test))  
	});  
  
});

    Jetzt baue ich noch fadein/out ein und dann bin ich schonmal ein Stück weiter.

    Das alert($test); nehme ich natürlich wieder raus.

    Gruß
    Red

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln