フォト ギャラリーに問題があります。
グローバル変数を更新する必要があります...簡単そうに見えますが、機能していません...ここで何が問題なのですか? スーパーサイズがオンロードで動作し、ページがロードされると更新できない可能性があります..?
- 私の初期グローバル変数はページの上部で宣言されています
- 各サムネイルには、選択用のフルスクリーンのクラスがあります
- 私のクリック関数はアンカーのhrefを取得し、変数を更新します
- 変数はスライド画像配列で呼び出されます
これが私のコードです：
$path = '../images/bg-gallery.jpg'; //set initial image
<div><a class="full-screen" href="../images/gallery-imgs/photo-gallery/01.jpg"><img src="../images/gallery-imgs/photo-gallery/01.jpg" /></a></div>
$('.full-screen').click(function(e){
e.preventDefault();
$path = $(this).attr('href');
return $path; //update image path variable based on which thumbnail clicked
});
これは、イメージ パスが宣言されている場所です。
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 10000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [{image : $path}]
});
});