私が正しく理解していれば、これはプラグインの簡単な変更とliの画像のわずかな変更だけで簡単に行うことができます。
<li><img alt="Blerg." src="images/blerg.jpg" data-thumb-src="src="images/blerg_thumb.jpg" /></li>
私は、HTML 5のデータ属性と呼ばれるデータ・親指-SRCを追加しました：
まず私は、たとえば、別の親指のURLを指定して李に画像タグへのデータの属性を追加したいです親指のパスを含む
次に、スライドショーのサム画像部分を構築するプラグインの部分を修正します。私はこれがあるとライン99の周りに、プラグインをダウンロードした：
jQuery(this).find("li").each(function(n) {
jQuery("div#thumbSlider" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'><img width='"+ thumbsWidth +"' height='"+ thumbsHeight +"' src='" + jQuery(this).find("img").attr("src") + "' /><p class='tmbrdr'> <\/p><\/a><\/li>");
});
スワップこのうち、このような何かのために：
jQuery(this).find("li").each(function(n) {
jQuery("div#thumbSlider" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'><img width='"+ thumbsWidth +"' height='"+ thumbsHeight +"' src='" + jQuery(this).find("img").attr("data-thumb-src") + "' /><p class='tmbrdr'> <\/p><\/a><\/li>");
});
ので、親指がSRC今メインからデータ-親指-SRCに等しいです画像。
もしあなたが本当に大胆であれば、あなたがこのような何かを試みることができるとあなたはアドホックベースでそれを必要とするとき、デフォルトして、カスタムの親指で通常の親指を使用します。
jQuery(this).find("li").each(function(n) {
if(jQuery(this).find("img").attr('data-thumb-src')){
var thumb_src = jQuery(this).find("img").attr('data-thumb-src');
}else{
var thumb_src = jQuery(this).find("img").attr("src");
}
jQuery("div#thumbSlider" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'><img width='"+ thumbsWidth +"' height='"+ thumbsHeight +"' src='" + thumb_src + "' /><p class='tmbrdr'> <\/p><\/a><\/li>");
});
もしそうならthumb srcが存在する場合はそれを使用し、そうでない場合は通常の親指を使用します。
これが役に立ちます。
あなたはどこで起こっているかへのリンクがありますか？ –
私はこのポストが好きです。まれに、プラグインを使用して問題を適切に記述し、問題を解決するために何らかの努力を払った人々を得ることはまれです。 +1コードサンプルが助けになります。 jsfiddle.netに投稿してURLを送ってください。 –
@ Barry Chapman、私は同様の例を見つけることができました@Diodeus応答のために多くの感謝、コードは次のページにあります： http://www.gcmingati.net/wordpress/wp-content/lab /jquery/svwt/index.html 理想的には、個々のDivのサムネイルと、また、個々のDivのメイン画像（スライド遷移を介してスワップされる）が必要なので、必要に応じてCSSを使用して各Divの位置を制御できます。 私はjsfiddleでコードを投稿できました。私が説明した内容を実装するためにコードを修正する場所を知りません。 – SK101