我对照片库有疑问。
我需要更新一个全局变量......这似乎很容易,但它不起作用......知道这里有什么问题吗?难道是超大型作品onload并且一旦页面加载就无法更新..?
- 我的初始全局变量在页面顶部声明
- 每个缩略图都有一类全屏供选择
- 我的点击函数抓取锚的 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}]
});
});