Други уроци
Adobe Photoshop
Adobe Illustrator
Adobe Flash
Adobe Fireworks
DreamWeaver
CSS и HTML
Corel Draw
Image Ready
PHP
SEO
CMS
Microsoft Windows
Microsoft Word
Microsoft Excel
PowerPoint
Microsoft Access
Microsoft Publisher
Linux
Visual basic
JavaScript
Ajax
3ds Max
Maya 3D
C++
Sound Forge
Gimp
SWiSH
.jpg)
Най лесния lightbox с jquery
видян: 9008
1. Да заредим jquery , плъгина lightbox-0.5 и неговия css фаил jquery.lightbox-0.5.css .Добавете в хедъра :
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
2. jquery.lightbox ползва картинки за декорация , така че запишете тези картинки в папка images :
images/lightbox-ico-loading.gif
images/lightbox-btn-prev.gif
images/lightbox-btn-next.gif
images/lightbox-btn-close.gif
3.Добавете
<script type="text/javascript">
$(function() {$('#demo a').lightBox();});
</script>
Това ще добави метода lightBox() към всички тагове <xmp><а></xmp> намиращи се в <div id="demo"></div>
4. Накрая добавете
<div id="demo"></div> и вътре сложете всички линкове които искате да се отварят с lightbox
например :
<div id="demo"><a href="images/afrika.jpg"><img src="images/afrika.jpg" width="100" alt="картинка 1" border="0" /></a></div>
Демо и Download тук - http://kupikola.com/urok