幫助Mootools的畫廊 - 轉換文本

如果我想要什麼我不知道是可能的，但我使用的是MooTools的圖像畫廊，you can see an example of here：幫助Mootools的畫廊 - 轉換文本

</script> 
    function startGallery() { 
     var myGallery = new gallery($('myGallery'), { 
      timed: true, 
      showArrows: false, 
      showCarousel: false 
     }); 
    } 
    window.addEvent('domready', startGallery); 
</script>

畫廊旋轉上述但我希望想實現，理想地，是第二文本元素（與白色背景）爲大於頂部的文本元件更寬，所以它看起來更像下方的圖片。

有參與，所以我不知道我應該在這裏發佈，以使人們能夠幫助大量的JavaScript，但只是讓我知道我應該放什麼東西在這裏，我會回來和編輯。

或者，如果知道一些jQuery中somethign類似這樣可以讓我得到同樣的效果，但並不需要太多的JS代碼的，我會非常感激。

在此先感謝一如既往，丹

來源

2011-09-08 Dan

感謝編輯誰做到了:) – Dan

顯然我現在是一個忍者的編輯器。沒有人看到它？ – Incognito

@incognito你不是*只是一個忍者，你也是一個主人。 – Loktar

試試這個CSS，看看你以後如果有什麼。

.slideInfoZone { 
    position: absolute; 
    z-index: 10; 
    width: 100%; 
    margin: 0px; 
    left: 0; 
    top:40px; 
    color: #FFF; 
    text-indent: 0; 
    overflow: hidden; 
    padding: 10px 0 0 20px; 
    height: 70px; 
} 

.slideInfoZone h3{ 
    background: #000; 
    width: 200px; 
    padding: 30px; 
    margin-left: -30px; 
    display:inline; 
} 

.slideInfoZone p { 
    position: absolute; 
    bottom: 0; 
    background: #FFF; 
    font-size: 14px; 
    color: #000; 
    margin: 20px 0 0 -20px; 
    padding: 10px 0 10px 20px; 
    width: 50%; 
}

基本上我所做的就是刪除您的背景顏色包含的元素，然後我給p標籤的背景色，並修改了填充/保證金爲h3。我不是太滿意，我曾與h3但沒有在所有它的工作原理更改標記做。

來源

2011-09-08 19:49:32 Loktar

這給了我一些東西來推動Loktar，非常感謝 – Dan

幫助Mootools的畫廊 - 轉換文本

回答

相關問題