jQuery - Featured Content Slider von css-tricks.com

Tutorials

jQuery

MODULE

Flyer:

Webseiten

die uns verlinken ...

MrWhite.de

RapCheck.de

php-resource.de

Longtailvideo.com - JW Player

Wir sagen Danke,
und verlinken zurück ...

Hosting

jQuery » jQuery - Featured Content Slider von css-tricks.com

MrW schrieb am 25.01.2011 0:18 Uhr - | Kommentare: 0

Hier geht es um den "Featured Content Slider" von css-tricks.com. Eigendlich gibt es nicht zu bemängeln, doch gefiel mir nicht das beim Aufruf ganz kurz alle Panels untereinander erscheinen. Deshalb gibt es hier ein kleinen Tip wie man das umgehen kann.

In der CSS-Datei style.css kann man die Panels erstmal ausblenden mit diplay:none.

	Code
1.	`.panel { display:none; }`

Die Panels blenden wir dann mit jQuery Befehl einfach wieder ein. Somit werden die Panels erst mit Javascript angezeigt wenn das Dokument komplett geladen ist.

	Code
1. 2. 3. 4. 5.	`$(function(){ ... $(".panel").css({display:'block'}); });`

Zusätzlich kann man noch eine Start und Stop Funktion einbauen.

	Code
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15.	`$(function(){ ... theInterval(); $("#stop").click(function(){ clearInterval(theInt); $("#stop").css({color:'#990000'}); }); $("#start").click(function(){ theInterval(); $("#stop").css({color:'#000000'}); }); $(".panel").css({display:'block'}); });`

Start / Stop Buttons

	Code
1.	`<div style=" text-align:right"><span id="stop">Stop</span> \| <span id="start">Start</span></div>`

<<< Zurück |Archiv

Kommentar schreiben ...

- MrW-Online.com

Links zu Anbietern dehren Open Source Scripte in diesem Content-Managment-System zum Einsatz kommen.
- PHP.net Handbuch
- Christian-Seiler.de (BBcode Stringparser Klasse)
- Stadtaus.com (Download Center)
- Mootools.net (JS-Framework)
- Prototypejs.org (JS-Framework)
- script.aculo.us (JS-Framework)
- LongTailVideo.com - JW-Player (3.16 & 4.5)
- ckeditor.com (Editor)
- tinymce.moxiecode.com (Editor)
- www.jscolor.com (Color Picker)
- de.selfhtml.org
- Selfphp.de
- www.walterzorn.de (wz_tooltip)

- HCDesign.at (Framework-Grundgerüst ~2004)

Webseiten RSS News

PHP Summit – 18 Power Workshops mit allen wichtigen PHP-Themen
PHP Summit – Spring 21.-23.03. 2011
PHP 5.3.5 und PHP 5.2.17 veröffentlicht
Doppelrelease: PHP 5.3.4 und PHP 5.2.15 veröffentlicht
PHP Summit - 29.11 - 01.12.2010 in Düsseldorf
Doppelrelease: PHP 5.3.3 und PHP 5.2.14 veröffentlicht
Gewinnspiel zum 15. PHP-Geburtstag
PHP 5.3.2 veröffentlicht
PHP 5.2.13 veröffentlicht
500 mal PHPhatesme

RSS - Menu

jQuery » jQuery - Featured Content Slider von css-tricks.com

Partnerseiten

MrW-Online.com