禁止部分時，禁用JavaScript

我目前正在爲在那裏我使用的是一段JavaScript代碼（http://buildinternet.com/project/supersized/），以產生一個背景就是幾個圖像的畫廊一所大學的項目網站。禁止部分時，禁用JavaScript

我試圖設置網站，以便在Javascript被關閉的情況下它將顯示單個圖像作爲背景，但是此幻燈片的導航元素是使用腳本標記之外的HTML代碼生成的，並且在身體標籤內。

有沒有一種方法，我可以把這個HTML代碼，以便它只會被包含在JavaScript是活躍的，離開畫面清晰的導航控件的時候是不是？

在要求我嘗試隔離代碼是div標籤低於調用。

<!--Thumbnail Navigation--> 
<div id="prevthumb"></div> 
<div id="nextthumb"></div> 

<!--Arrow Navigation--> 
<!-- <a id="prevslide" class="load-item"></a> 
<a id="nextslide" class="load-item"></a> 

<div id="thumb-tray" class="load-item"> 
    <div id="thumb-back"></div> 
    <div id="thumb-forward"></div> 
</div> 

<!--Time Bar--> 
<!--<div id="progress-back" class="load-item"> 
    <div id="progress-bar"></div> 
</div> 

<!--Control Bar--> 
<div id="controls-wrapper" class="load-item"> 
    <div id="controls"> 

     <a id="play-button"><img id="pauseplay" src="img/pause.png"/></a> 

     <!--Slide counter--> 
     <div id="slidecounter"> 
      <span class="slidenumber"></span>/<span class="totalslides"></span> 
     </div> 

     <!--Slide captions displayed here--> 
     <div id="slidecaption"></div> 

     <!--Thumb Tray button--> 
     <a id="tray-button"><img id="tray-arrow" src="img/button-tray-up.png"/></a> 

     <!--Navigation--> 
     <ul id="slide-list"></ul> 

    </div> 
</div>

來源

2014-04-17 AlexRS

您可以包括你在問題中遇到問題的代碼？現在，如果該網站發生變化，這個問題就變得毫無用處。 –

會做，但實際上代碼本身只是要求在主體部分一些div。 @GeorgeStocker – AlexRS

默認情況下隱藏＃controls-wrapper。如果Javascript已啓用，則顯示它。 – ediblecode

就像提到@jumpingcode，你想隱藏的CSS問題的控制，以及通過JavaScript顯示它們。

隱藏與CSS的DIV：

#controls-wrapper { 
    display:none; 
}

然後用jQuery顯示在您的網頁：

$('#controls-wrapper').show();

或者使用.css()有過使用什麼類型display屬性的更多的控制：

$('#controls-wrapper').css('display', 'block');

來源

2014-04-17 17:57:38 robabby

禁止部分時，禁用JavaScript

回答

相關問題