prehliadky / prechody založené na jquery pre obsah HTML - jquery, slideshow

Vyhľadávanie rotátorov na základe JQuery iba nájdepôvodný doplnok rotátora a veľa fotogalérií, ktoré nechcem. Navrhnite ďalšie dostupné rotátory. Rotátor by mal byť schopný otáčať HTML nielen obrázky (napríklad nástroj Glimmer, ktorý dokáže vytvárať JQuery / HTML kód na otáčanie snímky).

odpovede:

Prečo používať doplnky? Použite túto jednu vložku (kvôli čitateľnosti som ju rozdelil na 3 riadky)

vidieť demonštrácie

Váš HTML by mal byť asi taký

HTML

<div class="yourContainer">
<div>some html</div>
<div>other html</div>
</div>

JS / jQuery

$(function(){
$(".yourContainer div:gt(0)").hide();
setInterval(function(){$(".yourContainer :first-child").fadeOut().next().fadeIn().end().appendTo(".yourContainer");}, 3000);
});

CSS (voliteľné = uľahčuje prechod)

.yourContainer{ position:relative;}
.yourContainer div{ position:absolute; hight:300px; width:300px; background:red; }

Čo tak:

• jQuery Cycle Plugin
• jQuery Flip Plugin

Tieto doplnky môžete dokonca upraviť / prispôsobiť a vytvoriť tak požadovaný efekt.

odkaz text je celkom v pohode. Ukazujú príklad z a mzdová spoločnosť v ich ukážkach, ktoré dokonca bez Javascriptu pekne degradovali.

Vytvoril som jednoduchý plugin s názvom Základný posúvač jQuery. Je to jednoduché a čisté a robíme len to, čo má. Ak sa ho rozhodnete použiť a máte akékoľvek otázky, jednoducho sa opýtajte a ja vám pomôžem.

Vlastne som skončil pomocou SlidesJS. Toto od Zurb je tiež super.