問題與twitter引導wowslider jquery

-1

我設計了一個頁面使用twitter bootstrap並在其中添加圖像滑塊（wowslider），現在問題是wowslider不能正確轉換。聽到的是鏈接...問題與twitter引導wowslider jquery

http://infotechsam.99k.org/quiz.php

，當我從報頭部分

<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" />

滑塊正常刪除此..

對於這個問題的任何解決方案無需拆卸引導.css鏈接？我的全部源代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link rel="stylesheet" type="text/css" href="engine1/style.css" /> 
<script type="text/javascript" src="engine1/jquery.js"></script> 
</head> 
<body data-spy="scroll" data-target=".subnav" data-offset="50"> 
    <div id="wowslider-container1"> 
    <div class="ws_images" id="slider"><ul> 
<li><img src="data1/images/img1.jpg" alt="ads" title="ads" id="wows1_0"/></li> 
<li><img src="data1/images/img2.jpg" alt="debug" title="debug" id="wows1_1"/></li> 
<li><img src="data1/images/img3.jpg" alt="paper" title="paper" id="wows1_2"/></li> 
<li><img src="data1/images/img4.jpg" alt="quiz" title="quiz" id="wows1_3"/></li> 
<li><img src="data1/images/img5.jpg" alt="www" title="www" id="wows1_4"/></li> 
</ul></div> 
<div class="ws_bullets"><div> 
<a href="#" title="ads"><img src="data1/tooltips/img1.jpg" alt="ads"/>1</a> 
<a href="#" title="debug"><img src="data1/tooltips/img2.jpg" alt="debug"/>2</a> 
<a href="#" title="paper"><img src="data1/tooltips/img3.jpg" alt="paper"/>3</a> 
<a href="#" title="quiz"><img src="data1/tooltips/img4.jpg" alt="quiz"/>4</a> 
<a href="#" title="www"><img src="data1/tooltips/img5.jpg" alt="www"/>5</a> 
</div></div> 
<a class="wsl" href="http://wowslider.com">Auto Slider jQuery by WOWSlider.com v2.4</a> 
    <div class="ws_shadow"></div> 
    </div> 

    <script type="text/javascript" src="engine1/wowslider.js"></script> 
    <script type="text/javascript" src="engine1/script.js"></script> 
</body></html>

來源

2012-08-05 Sriram G

你能否更詳細地解釋什麼是「wowslider無法正常動畫」的意思？ – edhedges 2012-08-05 05:54:43

看來，引導規則img { max-width: 100%; }是一個負責任的。

添加在你的CSS：

.ws_effect img { max-width: inherit!important; }

來源

2012-08-05 12:29:26 Sherbrow

我有一個類似的問題，我設法解決它使用嵌入包含工作代碼wowslider_generated_html_page.html的iframe。通過這種方式，內容/風格保持分離。當然，如果這不影響搜索引擎優化，就使用它。 – Razvan 2014-12-02 16:52:57

問題與twitter引導wowslider jquery

回答

相關問題