السلام عليكم
اليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود الصورة !

معاينة للكود او للاضافة : اظغط على الصورة




الكود :
يتم اضافته قبل وسم

الكود:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<style type='text/css'>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    /* jQuery lightBox plugin - Gallery style */[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery {[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        background-color: #444;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        padding: 10px;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        width: 520px;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery ul { list-style: none; }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery ul li { display: inline; }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery ul img {[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        border: 5px solid #3e3e3e;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        border-width: 5px 5px 20px;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery ul a:hover img {[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        border: 5px solid #fff;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        border-width: 5px 5px 20px;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
        color: #fff;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    #gallery ul a:hover { color: #fff; }[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
    </style>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.js' type='text/javascript'/>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<script type='text/javascript'>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
$(function() {[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
$('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox();[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
});[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
</script><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>

شكرا جزيلا على الموضوع الرائع

الف شكر على الكود