Php 是否更改单击以跳过照片库到滑动照片库？_Php_Javascript_Jquery_Html_Ajax

Php 是否更改单击以跳过照片库到滑动照片库？

php javascript jquery html ajax

Php 是否更改单击以跳过照片库到滑动照片库？,php,javascript,jquery,html,ajax,Php,Javascript,Jquery,Html,Ajax,我刚从模板怪物那里买了一个joomla模板。主页上有一个照片库，通过点击这些照片可以跳转到照片我需要的是一个自动滑动的照片库，你知道我的意思，自动跳过预设间隔的照片。这是主页我试着用手做这件事 function clicker() { document.getElementById('photo2').click(); } setInterval("clicker()",5000); 但它不起作用。我不知道为什么它不工作是因为joomla的javascript嵌入选项还是因为我的jav

我刚从模板怪物那里买了一个joomla模板。主页上有一个照片库，通过点击这些照片可以跳转到照片

我需要的是一个自动滑动的照片库，你知道我的意思，自动跳过预设间隔的照片。这是主页

我试着用手做这件事

function clicker() {
document.getElementById('photo2').click();
}
setInterval("clicker()",5000);

但它不起作用。我不知道为什么它不工作是因为joomla的javascript嵌入选项还是因为我的javascript代码？？我怎样才能解决这个问题呢？我很高兴看到一些建议

请提供帮助：/

在此场景中，您可以使用

编辑：代码和演示页面：

HTML：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Hello world !!</title>
  <style type="text/css">
    div {margin:0px auto;padding:0px; width:300px;height:200px; overflow:hidden; }
    ul { margin :0px; padding:0px; list-style:none; width:1200px;height:200px;}
    li{float : left;margin:0px padding:0px; width:300px;height:200px; }
    img { margin:0px padding:0px; width:300px;height:200px; }    
  </style>

</head>
<body>
  <div>
    <ul id="slider">
      <li>
          <img src="http://mystuffspace.com/graphic/adorable-puppies.jpg"/>
      </li>
      <li>
          <img src="http://2.bp.blogspot.com/_TP5pGCYHvfg/SyMRSFukqJI/AAAAAAAAA0Y/yIP62DYXOP8/s400/Puppies.jpg"/>
      </li>
      <li>
          <img src="http://temunot.files.wordpress.com/2008/11/4-cute-puppies-wallpaper-640x480.jpg" />
      </li>
      <li>
          <img src="http://mystuffspace.com/graphic/puppies-2.jpg" />
      </li>
    </ul>
  </div>
</body>
</html>


你好，世界！！
div{边距：0px自动；填充：0px；宽度：300px；高度：200px；溢出：隐藏；}
ul{边距：0px；填充：0px；列表样式：无；宽度：1200px；高度：200px；}
li{浮点：左；边距：0px填充：0px；宽度：300px；高度：200px；}
img{边距：0px填充：0px；宽度：300px；高度：200px；}

JavaScript：

var margin  = 0, slider = $('#slider'), width = 300;

$(document).ready(function() {
  setInterval(function() {
      slider.trigger('slide');
  },2000);
});

 slider.bind('slide',function() {
  if(margin <= slider.width() *(-1) + width) {
      margin = 0;
  }else if(margin <= slider.width()) {
    margin -= width;  
  }
   slider.animate({marginLeft : margin},500);
});

var margin=0，slider=$（“#slider”），width=300；
$（文档）.ready（函数（）{
setInterval（函数（）{
slider.trigger（'slide'）；
},2000);
});
slider.bind（'slide'，function（）{
如果（保证金在这种情况下，您可以使用和
编辑：代码和演示页面：
HTML：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Hello world !!</title>
  <style type="text/css">
    div {margin:0px auto;padding:0px; width:300px;height:200px; overflow:hidden; }
    ul { margin :0px; padding:0px; list-style:none; width:1200px;height:200px;}
    li{float : left;margin:0px padding:0px; width:300px;height:200px; }
    img { margin:0px padding:0px; width:300px;height:200px; }    
  </style>

</head>
<body>
  <div>
    <ul id="slider">
      <li>
          <img src="http://mystuffspace.com/graphic/adorable-puppies.jpg"/>
      </li>
      <li>
          <img src="http://2.bp.blogspot.com/_TP5pGCYHvfg/SyMRSFukqJI/AAAAAAAAA0Y/yIP62DYXOP8/s400/Puppies.jpg"/>
      </li>
      <li>
          <img src="http://temunot.files.wordpress.com/2008/11/4-cute-puppies-wallpaper-640x480.jpg" />
      </li>
      <li>
          <img src="http://mystuffspace.com/graphic/puppies-2.jpg" />
      </li>
    </ul>
  </div>
</body>
</html>


你好，世界！！
div{边距：0px自动；填充：0px；宽度：300px；高度：200px；溢出：隐藏；}
ul{边距：0px；填充：0px；列表样式：无；宽度：1200px；高度：200px；}
li{浮点：左；边距：0px填充：0px；宽度：300px；高度：200px；}
img{边距：0px填充：0px；宽度：300px；高度：200px；}











JavaScript：
var margin  = 0, slider = $('#slider'), width = 300;

$(document).ready(function() {
  setInterval(function() {
      slider.trigger('slide');
  },2000);
});

 slider.bind('slide',function() {
  if(margin <= slider.width() *(-1) + width) {
      margin = 0;
  }else if(margin <= slider.width()) {
    margin -= width;  
  }
   slider.animate({marginLeft : margin},500);
});

var margin=0，slider=$（“#slider”），width=300；
$（文档）.ready（函数（）{
setInterval（函数（）{
slider.trigger（'slide'）；
},2000);
});
slider.bind（'slide'，function（）{
如果（边距<代码>








这是在我的网站上运行照片库的模块脚本
在这里
当我添加你的脚本时，它移动了整个照片库，而不仅仅是应该跳过的大照片。
我希望下面的小照片保持静止









这是在我的网站上运行照片库的模块脚本
在这里
当我添加你的脚本时，它移动了整个照片库，而不仅仅是应该跳过的大照片。
我希望下面的小照片保持静止在这个模板中，他们似乎使用了jquery Gallerific库
也许我们可以在下面的设置中将其设置为自动滑动
var defaults = {
    delay:                     3000,
    numThumbs:                 20,
    preloadAhead:              40, // Set to -1 to preload all images
    enableTopPager:            false,
    enableBottomPager:         true,
    maxPagesToShow:            7,
    imageContainerSel:         '',
    captionContainerSel:       '',
    controlsContainerSel:      '',
    loadingContainerSel:       '',
    renderSSControls:          true,
    renderNavControls:         true,
    playLinkText:              'Play',
    pauseLinkText:             'Pause',
    prevLinkText:              'Previous',
    nextLinkText:              'Next',
    nextPageLinkText:          'Next &rsaquo;',
    prevPageLinkText:          '&lsaquo; Prev',
    enableHistory:             false,
    enableKeyboardNavigation:  true,
    autoStart:                 false,
    syncTransitions:           false,
    defaultTransitionDuration: 1000,
    onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
    onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
    onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
    onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
    onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
    onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
    onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
};

在这个模板中，他们似乎使用了jquery Gallerific库
也许我们可以在下面的设置中将其设置为自动滑动
var defaults = {
    delay:                     3000,
    numThumbs:                 20,
    preloadAhead:              40, // Set to -1 to preload all images
    enableTopPager:            false,
    enableBottomPager:         true,
    maxPagesToShow:            7,
    imageContainerSel:         '',
    captionContainerSel:       '',
    controlsContainerSel:      '',
    loadingContainerSel:       '',
    renderSSControls:          true,
    renderNavControls:         true,
    playLinkText:              'Play',
    pauseLinkText:             'Pause',
    prevLinkText:              'Previous',
    nextLinkText:              'Next',
    nextPageLinkText:          'Next &rsaquo;',
    prevPageLinkText:          '&lsaquo; Prev',
    enableHistory:             false,
    enableKeyboardNavigation:  true,
    autoStart:                 false,
    syncTransitions:           false,
    defaultTransitionDuration: 1000,
    onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
    onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
    onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
    onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
    onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
    onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
    onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
};

是的，使用www.prefix访问网站时会出现问题
好的，问题解决了
我刚刚编辑了jquery galleriffic代码
取代
if(this.autoStart) {
this.play();
}

与
您可能会问我为什么不将autoStart设置为1
我试过了，但没用我不知道为什么用www.prefix访问网站有问题
好的，问题解决了
我刚刚编辑了jquery galleriffic代码
取代
if(this.autoStart) {
this.play();
}

与
您可能会问我为什么不将autoStart设置为1
嗯，我试过了，但没用，我不知道为什么默认情况下脚本中没有id=“slider”，我只是忘了删除sorry在我访问你的网站时，我无法访问页面，好像你还在安装joomla，认为自动幻灯片放映就够了=）。我会修改代码：）顺便说一句，id=“slider”默认情况下不在脚本中我只是忘记删除Sorry在我访问您的站点时，我无法访问该页面，似乎您仍在安装joomla，认为自动幻灯片放映就足够了=）。我将修改代码：）