jQuery循环插件-指定缩略图的位置
我想做的是指定缩略图的位置,而不是使用主图像作为缩略图 我很确定这是可以做到的,我只需要往正确的方向推动一下 这是我的密码:jQuery循环插件-指定缩略图的位置,jquery,jquery-plugins,cycle-plugin,Jquery,Jquery Plugins,Cycle Plugin,我想做的是指定缩略图的位置,而不是使用主图像作为缩略图 我很确定这是可以做到的,我只需要往正确的方向推动一下 这是我的密码: <script type="text/javascript"> $('#imageContainer')。在('').cycle({ 外汇:“淡出”, 速度:2000, 超时:8000, 寻呼机:“#导航” //创建用作寻呼机定位点的缩略图的回调fn pagerAnchorBuilder:函数(i,幻灯片){ 返回“”; } })); 以下是HTM
<script type="text/javascript">
$('#imageContainer')。在('').cycle({
外汇:“淡出”,
速度:2000,
超时:8000,
寻呼机:“#导航”
//创建用作寻呼机定位点的缩略图的回调fn
pagerAnchorBuilder:函数(i,幻灯片){
返回“”;
}
}));
以下是HTML:
<div id="container">
<div id="imageContainer">
<img src="http://www.ifcj.org/ifcj-08/images/elements/slideshow/1.jpg" rel="http://www.ifcj.org/ifcj-08/images/elements/slideshow/1t.jpg" width="378" height="210" />
<img src="http://www.ifcj.org/ifcj-08/images/elements/slideshow/2.jpg" rel="http://www.ifcj.org/ifcj-08/images/elements/slideshow/2t.jpg" width="378" height="210" />
<img src="http://www.ifcj.org/ifcj-08/images/elements/slideshow/3.jpg" rel="http://www.ifcj.org/ifcj-08/images/elements/slideshow/3t.jpg" width="378" height="210" />
</div>
<div id="nav"></div>
任何帮助都可以
谢谢您如果您正在讨论此处描述的场景,您应该能够执行以下操作:
pagerAnchorBuilder: function(id, slide) {
var thumb_prefix = "t_";
return '<li><a href="#"><img src="' + thumb_prefix + slide.src + '" width="50" height="50" /></a></li>';
}
pagerAnchorBuilder:函数(id,幻灯片){
var thumb_prefix=“t_u”;
返回“”;
}
这是最简单的示例,当然,您可以根据您的命名约定和特定应用程序执行不同的操作,例如在扩展名之前的末尾插入一个t:
pagerAnchorBuilder: function(id, slide) {
// Split off the filename with no extension (period + 3 letter extension)
var new_src = slide.src.substring(0,slide.src.length-4);
// Add the "t"
new_src += "t";
// Add the period and the 3 letter extension back on
new_src += slide.src.substring(slide.src.length-4,slide.src.length);
// Set this as the source for our image
return '<li><a href="#"><img src="' + new_src + '" width="50" height="50" /></a></li>';
}
pagerAnchorBuilder:函数(id,幻灯片){
//拆分文件名,不带扩展名(句点+3个字母扩展名)
var new_src=slide.src.substring(0,slide.src.length-4);
//添加“t”
新的_src+=“t”;
//将句号和3个字母的延期重新添加到
新的_src+=slide.src.substring(slide.src.length-4,slide.src.length);
//将此设置为图像的源
返回“”;
}
如果您正在讨论此处描述的场景,您应该能够执行以下操作:
pagerAnchorBuilder: function(id, slide) {
var thumb_prefix = "t_";
return '<li><a href="#"><img src="' + thumb_prefix + slide.src + '" width="50" height="50" /></a></li>';
}
pagerAnchorBuilder:函数(id,幻灯片){
var thumb_prefix=“t_u”;
返回“”;
}
这是最简单的示例,当然,您可以根据您的命名约定和特定应用程序执行不同的操作,例如在扩展名之前的末尾插入一个t:
pagerAnchorBuilder: function(id, slide) {
// Split off the filename with no extension (period + 3 letter extension)
var new_src = slide.src.substring(0,slide.src.length-4);
// Add the "t"
new_src += "t";
// Add the period and the 3 letter extension back on
new_src += slide.src.substring(slide.src.length-4,slide.src.length);
// Set this as the source for our image
return '<li><a href="#"><img src="' + new_src + '" width="50" height="50" /></a></li>';
}
pagerAnchorBuilder:函数(id,幻灯片){
//拆分文件名,不带扩展名(句点+3个字母扩展名)
var new_src=slide.src.substring(0,slide.src.length-4);
//添加“t”
新的_src+=“t”;
//将句号和3个字母的延期重新添加到
新的_src+=slide.src.substring(slide.src.length-4,slide.src.length);
//将此设置为图像的源
返回“”;
}
谢谢!!!如果我能再问一个问题。我想把这个“t”添加到文件src的末尾,例如:在添加“t”之前:在添加“t”之后:好的,它们的结果不正确。我需要将此“t”添加到图像src路径,但在图像扩展之前,因此它的内容如下:/1t.jpgHey最后一个问题我知道您在这里为我提供了很多帮助,但我想知道如何添加到大型图像的链接。使用onAfter函数是。。。但我没有看到一个可靠的例子。如果有人能给我指出正确的方向,那就太好了。谢谢非常感谢。如果我能再问一个问题。我想把这个“t”添加到文件src的末尾,例如:在添加“t”之前:在添加“t”之后:好的,它们的结果不正确。我需要将此“t”添加到图像src路径,但在图像扩展之前,因此它的内容如下:/1t.jpgHey最后一个问题我知道您在这里为我提供了很多帮助,但我想知道如何添加到大型图像的链接。使用onAfter函数是。。。但我没有看到一个可靠的例子。如果有人能给我指出正确的方向,那就太好了。谢谢