图像未在div类中显示

时间:2015-11-05 14:00:39

标签: javascript css

我有一个现有的代码来显示详细信息,但是在这个页面中有一个div类" gallery"。在这个div类中,我在这个div类(gallery)中继承了一个代码来显示图像,但是没有显示图像。请帮忙。

代码粘贴在此处:http://jsfiddle.net/u99bwqh0/2/

详情页码(index.html)

<html>
<link href="./css/index.css" rel="stylesheet" type="text/css" />
<link href="./css/style.css" rel="stylesheet" type="text/css">
<link href="./css/style_blue.css" rel="stylesheet" type="text/css">
<body>
<div class="page centered" style="width: 1200px; min-width: 1200px;">
<div class="main box">
<div class="pdiv2 gdiv">
<div id="ad-details-view" class="views">
<div id="gallery" class="lfloat">

<section id="gallery-con">
    <section id="gallery-main">
        <img src="./images/content/1.jpg" height=400 width=600 />
    </section>
    <section id="gallery-hidden">
        <img src="./images/content/1.jpg"  height=400 width=600/>
        <img src="./images/content/2.jpg" height=400 width=600/>
        <img src="./images/content/3.jpg" height=400 width=600/>
        <img src="./images/content/4.jpg" height=400 width=600/>
        <img src="./images/content/5.jpg" height=400 width=600/>

    </section>
    <section id="thumbnails">
        <div id="playtoggle" class="ui-button"><div class="icon icon-pause"></div></div>
        <div id="left-arrow" class="ui-button"><div class="icon icon-arrow-left"></div></div>
        <div id="thumbcon">

        </div>
        <div id="right-arrow" class="ui-button"><div class="icon icon-arrow-right"></div></div>
    </section>

</section>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script defer src="./js/gallery.js" ></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
                </div>
<div class="clearfix"></div>
    </div></div></div></div>

</body></html>

请在以下路径找到包含(css和js)的完整包裹:

http://speedy.sh/sKYGR/WebApplication3.zip

0 个答案:

没有答案