iT邦幫忙

0

網頁動畫問題

cool3690 4 月前5685 瀏覽

大家好:
想請問各位些問題
我想為網頁的banner設計動畫
我用mugeda做的
我做完動畫在下來後加進我的網頁
發現他都會跑位(當初放圖片都會在固定位子)
http://ithelp.ithome.com.tw/upload/images/20170406/20102983LA0Bf6S9Kg.jpg
只要是動畫,怎樣都移不回去.....但輪播到第二張普通圖他就會自動歸位

<div id="slider">
<script 
src="58e4bed2874f97de250000d2/loader.js" id="Mugeda_58e4bed2874f97de250000d2">
</script><!--動畫-->
<img height="240" width="850"src="images/ban2.png">
<img height="240" width="850"src="images/ban3.png">
</div>	
----------
script部分
<script type="text/javascript">
 jQuery(document).ready(function($) {   
$('#slider').cycle({   
          fx:    'fade',  //特效           speed:  7500,
          timeout:  200,
          random:  1
         });
 }); 
 function nbsp150(c)
{var i=0;
 for(i=0;i<c;i++){document.write("&nbsp;");}
}

            var _mrmcp = {
                "redirect_url": "%LINK%?redir=",
                "impression_pixel": "%TRACKURL%",
                "destination_url": "%DESTURL%",
                "custom_params":"%CUSTOMPARAM%",
                "common_path":"",
                "description":"",
                "thumb":"",
                "render_mode":"normal"
            };
        </script>

請問各位大大,該怎麼改會比較好..謝謝

看更多先前的討論...收起先前的討論...
窮嘶發發發 iT邦高手 1 級 ‧ 4 月前 檢舉
DIV slider 的 CSS 內容 ?
下面那些 DIV 的 CSS 怎麼寫的 ?
那就難怪了,基本上建議在 slider 跟下面三個中間再加一個 DIV
這各 DIV 的 CSS 要加上 clear:both;
然後 slider 本身要上 display:block;
cool3690 iT邦新手 5 級 ‧ 4 月前 檢舉
窮嘶發發發:
DIV slider 的 CSS 內容 ?
我是直接下載這網站的plugin
http://jquery.malsup.com/cycle/
下面的css內容:

#slider
{width:850px;
height:240px;
background-color:#fff; /* 深紅色 */

}
#manifest
{width:200px;
height:800px;
background-color:#fff; /* 深紅色 */
}
#left
{width:800px;
height:800px;
background-color:#fff; /* 深紅色 */

}
#footer
{width:1000px;
height:40px;
background-color:#fff; /* 深紅色 */


}
fillano iT邦超人 1 級 ‧ 4 月前 檢舉
所以那個script是Mugeda產生的,用來載入動畫?

你有做任何事,讓Mugeda產生出來的東西成為div#slider的子元素嗎?另外,那些不只是圖片,而是透過DOM元素做出來的動畫,你確定你用的jQuery slider可以支援嗎?
cool3690 iT邦新手 5 級 ‧ 4 月前 檢舉
1.對
2.沒有,我直接放到div#slider裡面
fillano iT邦超人 1 級 ‧ 4 月前 檢舉
script元素放在div#slider裡面,不代表他產生的東西會放在這裡XD。瀏覽器在把div#slide產生出來放進DOM,之後就碰到script,這時就把東西放到div#slider之後,然後繼續處理那兩張圖。

你可能要找其他方法把Mugeda產生的東西放進去。
cool3690 iT邦新手 5 級 ‧ 4 月前 檢舉
了解了,謝謝,我會再試試看

尚未有邦友回答

立即登入回答