私は現在jqueryベースのiviewerをオンライン画像ギャラリーに使用しています。これは、(簡潔にするために編集された)初期iviewerソース画像を呼び出すために使用されるコードである:他の場所ようにanother questionを求めた後jqueryベースのiviewerの現在のsrcを取得するにはどうすればよいですか?
var $ = jQuery;
$(document).ready(function(){
var iv1 = $(".viewer").iviewer({
src: "/folder/001.jpg",
});
、私は現在、1「を追加することによって、次/前ボタンを駆動するためにこの方法を使用してい「クリックで現在の画像のSRC(すべての画像が3桁使ってインクリメンタルに命名されている - 001.JPG、002.JPGなどを)する:
var i = 1;
$("#next").click(function()
{
i++;
iv1.iviewer('loadImage', "/folder/" + ("00" + i).slice(-3) + ".jpg");
return false;
});
しかし、問題は、私は他の場所で同じページ上のことです」 (jと同様に番号付けされた)関連クラスのクラス属性に基づいて、iviewer内の表示されたイメージを変更するために、いくつかのjqueryコードを使用して彼の画像 - chimg001、その上chimg002と):
$("ul.imageThumbs > li > a").click(function()
{
var k = $(this).attr("class");
iv1.iviewer('loadImage', "/folder/" + ((k).slice(-3)) + ".jpg");
return false;
});
(私は上記に改造を提案聞いてうれしいですので、私はjQueryとJavaScriptの両方に新たなんだ)
使用した後。新しい画像を表示するためのコードの上に、次/前のボタンを介してアクセスされた最後の画像のみに従って、次と前のボタンは新たに表示された画像に対して変化しない。
私は最初にiviewerの現在のsrcを見つけて、現在の方法ではなく、それに1つを追加することによって、次のボタンと前のボタンを働かせたいと思っています。これはできますか?
私の後ろの機能は、プラグインの作者、ドミトリーペトロフが答えました。答えは[プロジェクトのgithubページ](https://github.com/can3p/iviewer/issues/20)です。 – shngrdnr