如何将“大”图像和“小”图像放入一个文件夹 - Caroufredsel Thumbnail答案

【问题标题】：How to put "large" image and "small" image into one folder - Caroufredsel Thumbnail如何将“大”图像和“小”图像放入一个文件夹 - Caroufredsel Thumbnail
【发布时间】：2014-09-30 04:13:49
【问题描述】：

我想将缩略图与大图像放在一个文件夹中。我应该在我的脚本中进行哪些更改？

我不明白这个语法

src = src.split( '/large/' ).join( '/small/' );

我已经尝试进行一些修改，但这些仍然不起作用。

这里是我使用的滑块的链接：

http://coolcarousels.frebsite.nl/c/61/

$(function() {
        var $carousel = $('#carousel'),
          $pager = $('#pager');

        function getCenterThumb() {
          var $visible = $pager.triggerHandler( 'currentVisible' ),
            center = Math.floor($visible.length / 2);

          return center;
        }

        $carousel.carouFredSel({
          responsive: true,
          items: {
            visible: 1,
            width: 1600,
            height: 'auto'
          },
          scroll: {
            fx: 'crossfade',
            onBefore: function( data ) {
              var src = data.items.visible.first().attr( 'src' );
              src = src.split( '/large/' ).join( '/small/' );

              $pager.trigger( 'slideTo', [ 'img[src="'+ src +'"]', -getCenterThumb() ] );
              $pager.find( 'img' ).removeClass( 'selected' );
            },
            onAfter: function() {
              $pager.find( 'img' ).eq( getCenterThumb() ).addClass( 'selected' );
            }
          }
        });
        $pager.carouFredSel({
          width: '100%',
          auto: false,
          height: 120,
          items: {
            visible: 'odd'
          },
          onCreate: function() {
            var center = getCenterThumb();
            $pager.trigger( 'slideTo', [ -center, { duration: 0 } ] );
            $pager.find( 'img' ).eq( center ).addClass( 'selected' );
          }
        });
        $pager.find( 'img' ).click(function() {
          var src = $(this).attr( 'src' );
          src = src.split( '/small/' ).join( '/large/' );
          $carousel.trigger( 'slideTo', [ 'img[src="'+ src +'"]' ] );
        });
      });

【问题讨论】：

I don't understand with this sintax src = src.split( '/large/' ).join( '/small/' ); - 它基本上将字符串str中所有出现的“/large/”替换为“/small/”。
嗨@mishik 我应该怎么做才能将图像和缩略图放在一个文件夹中？无大小文件夹。谢谢

标签： javascript jquery caroufredsel

【解决方案1】：

问题解决了！

我只是删除了脚本中的“/large/”和“/small/”。

所以，脚本现在看起来像这样：

$(function() {
        var $carousel = $('#carousel'),
          $pager = $('#pager');

        function getCenterThumb() {
          var $visible = $pager.triggerHandler( 'currentVisible' ),
            center = Math.floor($visible.length / 2);

          return center;
        }

        $carousel.carouFredSel({
          responsive: true,
          items: {
            visible: 1,
            width: 1600,
            height: 'auto'
          },
          scroll: {
            fx: 'crossfade',
            onBefore: function( data ) {
              var src = data.items.visible.first().attr( 'src' );
              src = src.split( '' ).join( '' );

              $pager.trigger( 'slideTo', [ 'img[src="'+ src +'"]', -getCenterThumb() ] );
              $pager.find( 'img' ).removeClass( 'selected' );
            },
            onAfter: function() {
              $pager.find( 'img' ).eq( getCenterThumb() ).addClass( 'selected' );
            }
          }
        });
        $pager.carouFredSel({
          width: '100%',
          auto: false,
          height: 120,
          items: {
            visible: 'odd'
          },
          onCreate: function() {
            var center = getCenterThumb();
            $pager.trigger( 'slideTo', [ -center, { duration: 0 } ] );
            $pager.find( 'img' ).eq( center ).addClass( 'selected' );
          }
        });
        $pager.find( 'img' ).click(function() {
          var src = $(this).attr( 'src' );
          src = src.split( '' ).join( '' );
          $carousel.trigger( 'slideTo', [ 'img[src="'+ src +'"]' ] );
        });
      });

【讨论】：