الرسام Admin
عدد المساهمات : 262 تاريخ التسجيل : 11/10/2013
| موضوع: كود jQuery لاضافة الصور المنبثقة التلقائية جديد الأحد أكتوبر 13, 2013 12:01 pm | |
| السلام عليكماليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود الصورة !معاينة للكود او للاضافة : اظغط على الصورةالكود :يتم اضافته قبل وسم </body> - الكود:
-
<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>
لاضافته على مدونات بلوجر /توجد الى لوحة الادارةقالبتحرير HTMLمتابعةثم ابحث عن </body>وضع فوقه الكود أعلاهانتهى | |
|
صوفيا
عدد المساهمات : 41 تاريخ التسجيل : 14/10/2013
| موضوع: رد: كود jQuery لاضافة الصور المنبثقة التلقائية جديد الإثنين أكتوبر 14, 2013 11:40 am | |
| جزااك الله كل خير
وجعله الباري في موازين حسناتك
| |
|