2011-03-25 42 views
-1

所以我有一個腳本問題,需要一些幫助持久jQuery

我想你們中的一個人可能能夠幫助我與此。

我想建立一個簡單的概念的網站,我可以在以後進行擴展,但現在這裏是我想發生

我想一個索引頁,上面有一個像什麼。這裏是棘手的地方。

我希望有幾個索引的「隱藏」子頁面,其中只包含一個腳本,該腳本會在訪問特定子頁面時自動運行,這會將索引頁上的圖像更改爲指定圖像直到訪問另一個子頁面。

即...

www.thisparticularwebsite.com(索引/主頁/登錄頁面)具有

www.thisparticularwebsite.com/sub-page-1被訪問

上的圖像

www.thisparticularwebsite.com現在已經分配給子頁1指定的圖像,並保持被訪問,如果www.thisparticularwebsite.com被訪問

www.thisparticularwebsite.com/sub-page-2這樣

www.thisparticularwebsite.com(索引/主頁/登錄頁)現在已經分配給子頁2的新指定的圖像,並仍然是這樣,直到另一個子頁面被訪問

等和問題等等

我不需要......或者想......它是隨機圖像...

這是有道理的在我的腦海...我希望它碰到如預期。我如何做到這一點?我對一個簡單的互動項目有個想法(對我而言,至少似乎相對簡單),如果有人願意花一點時間並幫助我將其中的一部分工作並開展工作,我想開始。如果你們中的任何一個人對如何做到這一點有一個想法......那真是太棒了!

+0

@Kirk:如果「子頁面」只是原型/演示的獨立靜態頁面,那麼肯定不需要動態地設置圖像出現/消失?爲什麼不只創建一個頁面,多次複製並更改每個頁面中的圖像?這可能更接近您最終要求建立實況網站而不是建議的原型描述? – 2011-03-25 09:18:18

+0

@Kirk:另外,你打算在什麼語言實施該網站?如果它是像ASP .Net那麼你可以使用一個簡單的母版頁,這本質上是你的「索引」版式,然後用這個母版頁創建幾個頁面來改變各種內容佔位符區域中的圖像。 – 2011-03-25 09:19:10

+0

那麼,不能很好地理解你的問題。 – 2011-03-25 09:19:55

回答

1

使用每個頁面的參數,這是頁面上圖像的索引。讓每個圖像初始設置爲style =「display:none」,以確保它不會在標記中呈現。然後檢查頁面的URL的當前PARAM以確定特定圖像的索引如下面顯示:

標記:

<html> 
... 
<img src='...../image1.gif' /> 
<img src='...../image2.gif' /> 
<img src='...../image3.gif' /> 
... 
</html> 

例URL:

http://locahost/aaaa.html?imgIndex=1 

jquery顯示特定圖像

感謝阿爾喬姆Bager的網址PARAM功能here

function getParameterByName(name) 
{ 
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
    var regexS = "[\\?&]"+name+"=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(window.location.href); 
    if(results == null) 
    return ""; 
    else 
    return decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

$(document).ready(function() { 
var imgIndex = (int)getParameterByName('imgIndex'); 
$('img').eq(imgIndex).show(); 
}); 

這使得腳本完全按照原來的要求的解決方案。然而,根據我的評論,我認爲這個要求的方法是有缺陷的。

0

如果它是全部相同的域名,您可以使用一系列的cookie。 如果您的用戶將提交表單,您可以從那裏獲取值。

絕對需要一些關於您要使用的平臺的更多信息。

1

如果您希望這種情況發生的特定用戶,然後用餅乾是很不夠吧:

  • 讓每個子頁及其對應的圖片網址保存到餅乾。
  • 讓着陸頁使用從Cookie加載的URL顯示圖像。

與JavaScript的餅乾工作的例子可以在這裏找到:JavaScript Cookies

但是,如果你希望所有用戶看到上次訪問的子頁面的圖像,那麼你將需要一些服務器端的東西了它:

  • 選擇某種商店,你要存儲的圖像URL,例如數據庫/文件系統/緩存(不太可能 - 這可能會過期)等。
  • 讓每個子頁面將其對應的圖像URL保存到商店。
  • 讓着陸頁使用從商店加載的URL顯示圖像。

從ASP.NET(C#)代碼使用數據庫的例子可以在這裏找到:SqlCommand Class

我希望這有助於。

+0

哦,好的,代碼是什麼? – 2011-03-25 09:32:07

+0

我爲我的答案添加了一些參考信息的URL。我不能提供更多細節,也許你需要找到一個可以在生活中實現它的夥伴? – Tengiz 2011-03-25 09:38:56