jquery-cycle

    2熱度

    2回答

    我可以利用JQ循環2細跟一個div內的所有必需的選項直列,爲目前首選的風格。但我想改用初始化腳本,就像舊的操作方法一樣。我只是希望儘可能地將gallery選項保留在我的標記和外部.js文件中。 我已經制作了所有與'inline'方法完美配合的選項,並且鏈接正確,但是這個默默地失敗了,幻燈片恢復爲淡入淡出的默認設置,而我指定了scrollHorz。 我也正在使用一張/下按鈕和動畫陽離子 - 字幕的工

    0熱度

    1回答

    我想知道如何在滿足特定條件時跳到下一張幻燈片。 這裏是我的代碼: $('#slider').cycle({ fx: 'fade', speed: 200, timeout: 3000, before: function() { if ($(this).attr('class') == 'empty-container') {

    0熱度

    1回答

    我使用cycle.js創建旋轉橫幅。該循環通過在橫幅鏈接上使用position:absolute工作。 問題是,包含div現在的高度爲零,因此下面的內容重疊並且被隱藏。 我該如何讓div slideshow有身高?需要有所反應,所以不能成爲一個高度。 <div id="feature"> <div class="slideshow" style="position: relative;"

    0熱度

    1回答

    我一直在使用這個jQuery Cycle2插件(http://www.malsup.com/jquery/cycle2/api/advanced.php),並且我一直在嘗試使用每張幻燈片中的標題構建自定義尋呼機。 週期2的文檔更側重於HTML中的數據屬性,但是我需要通過它的javascript替代選項來執行cycle2插件。 我一直在尋找這個buildPagerLink通過API,但無法弄清楚。

    0熱度

    1回答

    我正在使用jquery循環插件,我想在人們可以登錄的幻燈片放映中添加一節。這是一個示例,我希望它看起來如何。 mycampus.astate.edu 我明白週期插件是如何工作的,我只是不知道如何把東西放在它的上面。我真的很感激提供的任何援助。 謝謝!

    0熱度

    1回答

    我試圖用jQuery來獲取Cycle2幻燈片中當前幻燈片的圖像大小。 這樣我就可以設置出現在.hover()上的覆蓋div(.overlay)的大小。正如您在fiddle中看到的那樣,它只會從第一張圖片中獲取大小。這些圖片也會有反應,所以.overlay也需要根據任何窗口大小來更新它的大小。 這裏是fiddle環節又和全碼: var imgwidth = $('.cycle-slide img')

    0熱度

    1回答

    我有一個Cycle插件在我的網站上運行良好,直到今天當客戶指出它沒有工作。我檢查了鏈接到插件.js文件和jQuery和一切都很好,但我得到的錯誤: Uncaught TypeError: Object [object Object] has no method 'cycle' 在我的控制檯。我不明白什麼可能會導致斷開連接。 我的代碼是: <script src="//ajax.googleapis

    0熱度

    1回答

    我正在使用jquery循環,它運行良好,除了jquery事件不工作。 我基本上是用標題循環圖像,我在「alt」屬性中設置標題。 在特定的圖像我叫出一個模式,分配一個類的圖像,並有一個jQuery產生模式 - 工作正常。 我還在標題中添加了一個鏈接,我可以看到鏈接,但是當我去點擊鏈接時,jquery不會被解僱。 這是帶有此標題和鏈接的圖像。 <img class="openModal" src="i

    0熱度

    2回答

    我正在使用cycle.js,但該網站是響應式的。 我希望能夠使用大圖像(足夠大的全屏版本),然後在圖像上使用max-width:100%以根據屏幕大小減小寬度。 問題是cycle.js會根據圖像的大小重寫內聯樣式。因此,如果它是800x600則總是在該大小顯示,而不管包含div的寬度是否是100像素或1000像素 代碼: <div id="rightCol"> <div class=

    1熱度

    1回答

    如果在這裏還有另一個SO問題,Google或我都無法找到它。首先,謝謝你的回覆。 這是我的設置。它和你的普通(「#item」)有點不同。有些事情,但有一些複雜的設置與此。我只是包含桌面變量,其中包含基於matchMedia結果傳遞的所有內容。 var desktop = { next: "#next_slide", prev: "#prev_slide", speed