Javascript 画廊幻灯片放映，电影不动_Javascript_Jquery_Image Gallery_Photo Gallery

Javascript 画廊幻灯片放映，电影不动

javascript jquery

Javascript 画廊幻灯片放映，电影不动,javascript,jquery,image-gallery,photo-gallery,Javascript,Jquery,Image Gallery,Photo Gallery,我试图建立画廊幻灯片放映。我对javscript和jQuery是新手。 1-我看不到任何动静，也不知道为什么？ 2-我无法使div的图像中心居中，左侧有联动装置。谢谢你在这个问题上的帮助和指导在这里，我们可以看到工作良好的代码。我的代码HTML文件： <html> <head> <title>Your title here</title> <meta http-equiv="Content-Type" content="text/h

我试图建立画廊幻灯片放映。我对javscript和jQuery是新手。 1-我看不到任何动静，也不知道为什么？ 2-我无法使div的图像中心居中，左侧有联动装置。谢谢你在这个问题上的帮助和指导

在这里，我们可以看到工作良好的代码。

我的代码HTML文件：

<html>
<head>
<title>Your title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type = "text/javascript" language = "Javascript">
<!-- Hide from older browsers;
window.onload = function(){ 
$('#scroll_me').click(function() {
    var item_width = $('#portfolio-tiles li').outerWidth() + 30;
    var left_indent = parseInt($('#portfolio-tiles').css('left')) - item_width;
    $('#portfolio-tiles:not(:animated)').animate({
        'left': left_indent
    }, 500, function() {
        $('#portfolio-tiles li:last').after($('#portfolio-tiles li:first'));
        $('#portfolio-tiles').css({
            'left': '-300px'
        });});
    });
 };
// end hide -->
</script>
</head>
<body>
<div id="container">
<div id='carousel_inner'>
    <ul id="portfolio-tiles">
<li>
<a id="example2" href="p1.png">
<img  alt="item1" src="p1.png">
</a>
</li>
<li>
<a id="example2" href="p2.png">
<img  alt="item2" src="p2.png">
</a>
</li>
<li>
<a id="example2" href="p3.png">
<img  alt="item3" src="p3.png">
</a>
</li>
<li>
<a id="example2" href="p5.png">
<img  alt="item4" src="p5.png">
</a>
</li>    
</ul>
</div>
</div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div><h2>Click here</h2><img  id="scroll_me" alt="item1" src="p4.png"></div>
</body>
</html>

制作动画时，将CSS样式应用于属性。因此，在定位的情况下，您必须指示单位，如：

$('#portfolio-tiles:not(:animated)').animate({
        'left': left_indent + 'px'
    }...

Thx很多。我得到了我的动议我如何才能将照片居中于“”左侧有移位？。david，不是在这种情况下，你正在应用一个将直接映射到css属性的对象对不起，bamba，我现在没有时间帮你

$('#portfolio-tiles:not(:animated)').animate({
        'left': left_indent + 'px'
    }...