如何在Galleria全屏幻燈片上添加文字？

我正在使用Galleria全屏幻燈片http://galleria.aino.se/themes/fullscreen/，我試圖在幻燈片中間添加文本和超文本。如何在Galleria全屏幻燈片上添加文字？

這是我的html代碼：

<head> 
    <meta charset="utf-8"> 
    <title> welcome to my website</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="galleria/galleria-1.2.2.min.js"></script> 
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> 
</head> 

<body> 
<div id="galleria"> 
    <a href="images/logo.jpg"><img title="Project Abstract" alt="brief dics about project abstract" src="images/logo.thumb.jpg"></a>  
    <a href="images/image1.jpg"><img title="slide 1" alt="brief disc about slide 1" src="images/image1.thumb.jpg"></a> 
    <a href="images/image2.jpg"><img title="slide 2" alt="brief disc about slide 2" src="images/image2.thumb.jpg"></a> 
    <a href="images/image3.jpg"><img title="slide 3" alt="brief disc about slide 3" src="images/image3.thumb.jpg"></a> 
    <a href="images/image4.jpg"><img title="slide 4" alt="brief disc about slide 4" src="images/image4.thumb.jpg"></a> 
</div> 

<script> 
Galleria.loadTheme('galleria/themes/fullscreen/galleria.fullscreen.min.js'); 
$('#galleria').galleria({ 
transition: 'fade', 
show: 19 
}); 
</script> 

</body>

我要低於這個程式化div標籤疊加的幻燈片：

.textbox { 
position: relative; 
height: 600px; 
width: 900px; 
top: 180px; 
margin-left:auto; 
margin-right:auto; 
font-family: arial, sans-serif; 
font-size: 12px; 
line-height: 1.7; 
text-align: justify; 
}

不幸的是，我還是新來的網絡世界，並會真的如果有人能夠引導我完成如何在環球免稅店幻燈片頂部應用文字的步驟，請加以欣賞。

在此先感謝。

來源

2011-03-20 user668241

我不明白 - 你想使用類.textbox上的一個元素嗎？你可以在你的HTML中創建元素（<div class="textbox">My text here</div>），你很好。我建議的唯一事情就是將CSS屬性z-index添加到.textbox類中。

來源

2011-03-20 15:02:42 mattsven

所以如果我想添加.textbox在這張幻燈片上的頂部：我應該在哪裏放置（

My text here

）？ thanx – user668241 2011-03-20 23:12:21

只需將源代碼中的#galleria div後的文本框。

您還需要將z-index:10001添加到文本框中，因爲全屏函數將zIndex設置爲10000。您可能還需要添加position:absolute而不是relative。

來源

2011-03-22 14:40:45 David

這是我工作的網站：http://www.quran.aaliahdesign.com/ 關於「關於我，項目摘要和設計概念」的一些頁面我使用過圖片，因爲我無法弄清楚如何向鏈接添加文本和超文本。我嘗試了你的方法，但仍然沒有運氣。希望你能進一步幫助。謝謝。 – user668241 2011-03-28 14:21:28

如何在Galleria全屏幻燈片上添加文字？

回答

相關問題