jQuery - Ändern Sie die src von einem anderen Bild-rollover

Im Wundern, wenn mir jemand helfen könnte .... Ich habe 2 Bilder, und ich möchte in der Lage sein, ändern Sie die src von einem, wenn ich ein rollover auf dem anderen, wenn das Sinn macht.

ich habe zum Beispiel 2 Bilder

Wenn jemand mit der Maus über 'imimage2.jpg' ich will 'imimage1.jpg' ändern 'imanewimage.jpg'

Ist das möglich mit jQuery?

Cheers,

InformationsquelleAutor BigJobbies | 2011-04-08
  1. 3
    $('#image1').hover(function() { $('#image2').attr('src', 'imanewimage.jpg'); }, 
                   function() { $('#image2').attr('src', 'imimage.jpg'); });

    Oder etwas in der Nähe.

    InformationsquelleAutor Talljoe
  2. 2

    Ja, es ist. Und eine Möglichkeit dazu, es wurde bereits hier beantwortet: Ändern Sie das Bild der Quelle auf rollover mit jQuery

    Jedoch, ich schlage vor, Sie verwenden CSS-sprites anstelle von src-Attribut ändern. Wünschen CSS-spriting erhalten Sie den Vorteil der alle Bild-Varianten geladen werden, die beim laden der Seite. Aber wenn Sie ändern das Bild, src, wenn es nicht bereits im Cache vom browser, es hat zu gehen, laden Sie es.

    InformationsquelleAutor Kon
  3. 2

    kannst du es so machen: http://jsfiddle.net/aqmAn/

    html:

    <img id='i1' src='http://l.yimg.com/g/images/en-us/home_explore.png.v1'>
<img id='i2' src='http://l.yimg.com/g/images/en-us/home_edit.png.v1'>

    javascript:

    $('#i1').bind('mouseover',function(){
    $('#i2').data({ original:$('#i2').attr('src') })
    $('#i2').attr({ src:'http://l.yimg.com/g/images/en-us/home_upload.png.v1' })
}).bind('mouseout',function(){
    $('#i2').attr({ src:$('#i2').data('original') })
})

    Die original-url des zweiten Bildes gespeichert ist, auf mouse-over in einem Daten-Objekt. Die Maus-out-das Bild wird wieder in der ursprünglichen.

    InformationsquelleAutor Billy Moon
Schreibe einen Kommentar