2016-07-14 13 views
0

also dies ist mein aktuelles Skript, aber ich kann nicht scheinen, es richtig mit dem Link zu helfen bitte helfen Sie mir und fügen Sie einen Link (zu einer Unterseite), wenn ich auf das Bild klicken, die aktiv ist, wenn ich den Mauszeiger darüber. Muss ich die neue Zeile vor der letzten </a> einfügen?Wie füge ich einen Link zu einem Bild hinzu, das bereits ein Rollover-Skript enthält?

Ich habe mehrere Möglichkeiten ausprobiert, aber ich bin wirklich neu in diesem und ich kann es nicht herausfinden.

+0

Julius

+0

Sie sollten alle relevanten Code als Teil Ihrer Frage sind: http://stackoverflow.com/help/mcve – ManoDestra

+1

Bitte geben Sie die Schaltfläche Bearbeiten verwenden, um hinzufügen mehr Details, anstatt sie in die Kommentare zu schreiben. –

Antwort

1

Bitte versuchen Sie dies, die Semikola sind unnötig und falsch!

<a href="URL ADDRESS"> 
<img src="test.com/test1.png" 
    onmouseover="this.src='test.com/test2.png'" 
    onmouseout="this.src='test.com/test1'"/> 
</a> 
0

Verwenden Sie dies stattdessen. Ihre Semikolons sind nur in den Skripthandlern relevant. Sie hatten sie außerhalb der Attribute, die ungültiger HTML wären. Und der eine nach src war falsch.

<a href="URL ADDRESS"> 
    <img 
     src="test.com/test1.png" 
     onmouseover="this.src='test.com/test2.png';" 
     onmouseout="this.src='test.com/test1';" /> 
</a> 
0

Versuchen Sie es mit diesem.
Ps.
I verwendet JQuery

$(document).ready(function(){ 
 
    $('img').hover(function(){ 
 
     $(this).attr('src','test.com/test2.png'); 
 
     $(this).parent('a').attr('href','link when mouse enter the img'); 
 
    },function(){ 
 
     $(this).attr('src','test.com/test1'); 
 
     $(this).parent('a').attr('href','link when mouse leave the img'); 
 
    }); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="URL ADDRESS"> 
 
    <img 
 
     src="test.com/test1.png"; 
 
     onmouseover="this.src='test.com/test2.png'"; 
 
     onmouseout="this.src='test.com/test1'"; /> 
 
</a>