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函数是。。。但我没有看到一个可靠的例子。如果有人能给我指出正确的方向,那就太好了。谢谢