-1

明確さと単純さのために完全に改訂

このウェブサイトに示されているように、私は昇格ズーム(レンズズーム機能)を使用しています。ローテーターのDataBoundでonclickイベントを指定したバイナリイメージで満たされたRadrotatorがあります。オンクリックローテーターのすべてのクライアント側からクリックした画像に基づいて、ローテーターの上のメインのはるかに大きな画像を変更したいと思います。

画面上の画像は実際には変化しますが、拡大機能はまだ最初の画像を表示します。

<img id="zoom_07" runat="server" src="small.jpg" alt="image" />

以下は2つのjavascript関数です。1つ目は、elevatezoomを使用して画像を拡大し、2つ目はローテーターのバイナリ画像のonclickを呼び出しています。

  <script type="text/javascript" >
jQuery(document).ready(function ($) {
    $("#zoom_07").elevateZoom({
        zoomType: "lens",
        lensShape: "round",
        lensSize: 200
    });
});

function changeImage(url) {

    var img = document.getElementById('zoom_07');
    img.src = url;
    img.setAttribute('data-zoom-image', url);
}

拡大鏡のクライアント側で画像を変更するにはどうすればよいですか?この件に関してご協力いただきありがとうございます。

4

3 に答える 3

0

jQueryJavaScriptであるため、JavaScript関数で既に呼び出しています。たまたまドキュメント対応の無名関数です。

function changeImage(url) {
    var img = document.getElementById('zoom_07');
    img.src = url;
    img.setAttribute('data-zoom-image', url);

    $(img).elevatedZoom({
        zoomType: "lens",
        lensShape: "round",
        lensSize: 200
    });
}

上記のコードは、ズームを更新するために関数を呼び出したいかどうかを示すために更新されたイベントハンドラーです。

于 2013-03-11T23:11:47.550 に答える
0

私はあなたがクリックしているものとここのURLのソースについていくつかの広い仮定をしました:

(function ($) {
    // I invented this, use your element
    $('#clickemeid').click(function () { 
        // I invented this "someattr" attribute, set to where you get that
        var url = $(this).attr('someattr');
        $("#zoom_07").attr('src', url).attr('data-zoom-image', url).elevateZoom({
            zoomType: "lens",
            lensShape: "round",
            lensSize: 200
        });
    });
})(jQuery);

ここで、srcとdata-zoom-imageを切り替えたいと仮定します。

(function ($) {
    $('#zoom_07').click(function () {
        var me = $(this);
        var zoomurl = me.attr('data-zoom-image');
        var origurl = me.attr('src');
        me.attr('data-zoom-image', origurl).attr('src', zoomurl).elevateZoom({
            zoomType: "lens",
            lensShape: "round",
            lensSize: 200
        });
    });
})(jQuery);
于 2013-03-11T23:24:16.400 に答える
0

これは私が行った解決策です。ローテーター(バイナリイメージにバインドされている)でイメージタグを作成し、それらのイメージをクリックするとメインイメージを変更しました。もちろん、バイナリイメージを通常のイメージに変換してから保存する必要がありました。

于 2013-03-12T19:53:19.760 に答える