Bild im Skript ändern

Ich versuche, eine Funktion zu verwenden, um ein Bild zu vergrößern. Ich habe das Skript gefunden, das macht, was ich will.Bild im Skript ändern

$('#image1').addimagezoom({ // single image zoom 
    zoomrange: [3, 10], 
    magnifiersize: [300,300], 
    magnifierpos: 'right', 
    cursorshade: true, 
    largeimage: 'hayden.jpg' //<-- No comma after last option! 
})

Was würde ich tun möchte, ist das Bild zu ändern, ein Onclick-Ereignis verwenden. Ich kann das kleine Bild ändern. Weiß jemand, wenn man diesen Code benutzt, ist es möglich, das largeimage zu ändern?

Der Code das Skript sieht wie folgt erzeugt:

<div class="magnifyarea featuredimagezoomerhidden" style="position: absolute; z-index: 0; width: 300px; height: 300px; left: 624px; top: 444.75px; visibility: visible; overflow: hidden; border: 1px solid black; display: none;"> 
      <div style="position: relative; left: -393px; top: -231px; z-index: 0;"> 
       <img src="hayden.jpg" style="width: 945px; height: 531px;"> 
      </div> 
    </div>

Was ich tun ist, könnte hier das Bild zu ändern. Ich kann getElementsByClassName verwenden, um zu ändern, wenn ich auf das div und das Bild danach zugreifen kann. In CSS können Sie verwenden

.this_table tr td

Kann ich etwas wie getElementsByClassName?

Quelle

2016-12-21 Richard Young

Was meinen Sie mit _change the largeimage_? – Satpal

Ich habe einen Link mit einem Onclick-Skript, das das kleine Bild ändert, aber das große Bild ist im obigen Skript definiert. Gibt es eine Möglichkeit, das zu ändern, was zur gleichen Zeit sein wird? –

verwenden Sie ein Plugin zum Zoomen ?? – mrid

Dies scheint zu funktionieren:

document.querySelector('.magnifyarea div img').src='large_img.jph'"

Gibt es likly irgendwelche Probleme mit dieser Methode zu sein?

Quelle

2016-12-21 15:46:52

Mit einigen früheren Plug-Ins, die ich verwendet habe ich in der Lage war, Folgendes zu tun:

$('#image1').addimagezoom().largeimage = "myimagescr";

Dies kann oder auch nicht, aber ohne den Stecker in, es ist einen Versuch wert.

Quelle

2016-12-21 13:38:53

Wäre es hilfreich, wenn ich einen Link zu der Seite gepostet hätte, auf der ich das Skript gefunden habe? Das sah aus, als ob es funktionieren sollte, aber es tat es nicht. Gibt es etwas Besonderes, das ich im Onclick tun muss, damit es jQuery anstatt JavaScript ausführt? –

Bild im Skript ändern

Antwort

Verwandte Themen