neueste Tutorials

CKEditor und SyntaxHighlighter 3.0.83

Da der FCKEditor nicht mehr weiter entwickelt wird und Probleme in neueren...

weiterlesen..

Link Preview mit Websnapr

  Da Websnapr den Code geändert hat ist das Snippet nicht mehr...

weiterlesen..

ColorRating als Modul (Snippet)

ColorRating, ist ein auf jQuery und PHP basierendes "Ajax 5 Sterne"...

weiterlesen..

Statistik

Besucher gesamt: 52.652
Besucher heute: 38
Besucher gestern: 67
Max. Besucher pro Tag: 144
gerade online: 1
max. online: 57
Seitenaufrufe gesamt: 355.960
Seitenaufrufe diese Seite: 4.083
expCounter Homepage

Anmeldung

Suche

Support

LiveZilla Live Help

Google+
Folgen Sie mir bei Google+

Valid XHTML 1.0 Transitional
Suchmaschinenoptimierung mit Ranking-Hits
Creative Commons License
Alle Texte und Tutorials auf websitebaker.net stehen unter einer CC 3.0 by-nc-nd Deutschland Lizenz
Sie betrachten die Seite: Tutorials » jQuery » ColorBox Demo 


Diashow

see-canadawww.see-canada.dewww.see-canada.dewww.see-canada.de
 
Aufruf mit rel cslide
<a title="www.see-canada.de" rel="cslide" href="http://www.websitebaker.net/media/canada/image307.jpg"><img width="100" vspace="5" hspace="5" height="75" border="0" alt="www.see-canada.de" title="www.see-canada.de" src="http://www.websitebaker.net/media/canada/thumbs/image307.jpg" /> </a>

 

Thumbnail

see-canada.de

Aufruf mit class colorbox

<a class="colorbox" href="http://www.websitebaker.net/media/canada/image322.jpg" title="see-canada.de"><img width="100" height="75" border="0" title="see-canada.de" src="http://www.websitebaker.net/media/canada/thumbs/image322.jpg" alt="see-canada.de" /></a>

 

 

externer Link im iframe

WebsiteBaker Org e.V.

Aufruf mit class iframe

<a class="iframe" title="der Verein" href="http://www.websitebaker2.org">Websitebaker org e.V.</a>

 

 

YouTube Video

prima Musik

Aufruf mit class youtube

<a class="youtube" title="onkelz" href="http://www.youtube.com/v/jk9aOVhdaZo">prima Musik</a

 

Einzelbilder als Gruppe

Aufruf mit csingle

<p><a href="http://www.websitebaker.net/media/canada/image320.jpg" rel="csingle"><img width="150" vspace="5" hspace="5" height="92" border="0" src="http://www.websitebaker.net/media/canada/thumbs/thumb.image320.jpg" alt="" /></a><a href="http://www.websitebaker.net/media/canada/image310.jpg" rel="csingle"><img width="150" vspace="5" hspace="5" height="112" border="0" src="http://www.websitebaker.net/media/canada/thumbs/image310.jpg" alt="" /></a></p>

Mehrere Gruppen

Aufruf mit class colorbox und rel

<!--Gruppe1-->
<p><a href="http://www.websitebaker.net/media/canada/image320.jpg" class="colorbox" rel="gruppe1"><img width="150" vspace="5" hspace="5" height="92" border="0" src="http://www.websitebaker.net/media/canada/thumbs/thumb.image320.jpg" alt="" /></a><a href="http://www.websitebaker.net/media/canada/image310.jpg" class="colorbox" rel="gruppe1"><img width="150" vspace="5" hspace="5" height="112" border="0" src="http://www.websitebaker.net/media/canada/thumbs/image310.jpg" alt="" /></a></p>
<!--Gruppe2-->
<p><a href="http://www.websitebaker.net/media/canada/image307.jpg" class="colorbox" rel="gruppe2"><img width="150" vspace="5" hspace="5" height="112" border="0" src="http://www.websitebaker.net/media/canada/thumbs/image307.jpg" alt="" /></a><a href="http://www.websitebaker.net/media/canada/image308.jpg" class="colorbox" rel="gruppe2"><img width="150" vspace="5" hspace="5" height="112" border="0" src="http://www.websitebaker.net/media/canada/thumbs/image308.jpg" alt="" /></a></p>

Wie gewohnt wird die class colorbox, zusätzlich aber noch ein rel Attribut, vergeben. Alle gleichen rel Attribute öffnen dann in einer Box.

^