0

I am currently re creating my portfolio page , It is a work in progress... On my home page I have a bxslider from bxslider.com , it works in all other browsers but on IE , it has no transitions and just simply stacks the images on top of each other...

The page can be viewed here

CSS as follows:

#slides
{
width:100%;
height:400px;
margin-top:150px;
background-image:url('low_contrast_linen.png');
background-repeat:repeat;
z-index:-3;
border-bottom: 4px solid #ff7373;   
}

#slideshowwrap
{
 margin:0 auto;
 width:900px;
 height:250px;
 margin-top: 50px;
 z-index:-3;    
 }

#slider1
{
 width:1300px;
 height:300px;
 position: fixed;
}

HTML as follows:

<div id="slides">
    Slideshow goes here (Full Width)
    <div id="slideshowwrap">
        <div id="slider1">
            <div> <img src="slideone.png" alt="slide one"/> </div>
            <div><img src="slidetwo.png" alt="slide two"/></div>
            <div> <img src="slidethree.png" alt="slide three" /> </div>
            <div><img src="slidefour.png" alt="slide four"/></div>
        </div>
    </div>

4

1 回答 1

1

在您的根服务器文件夹上创建一个新的 javascript 文件并将其命名为 bxSlider.min.js 。复制/粘贴https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js的内容

在您的代码中替换：

 <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js" type="text/javascript"></script>

通过（假设您将新创建的脚本文件与 index.html 放在同一文件夹中）：

<script src="bxSlider.min.js" type="text/javascript"></script>

现在看看发生了什么...

于 2012-10-18T14:53:53.207 回答