الرسام Admin
عدد المساهمات : 1164 نقاط : 3488 السٌّمعَة : 1 تاريخ التسجيل : 05/09/2013
| موضوع: كود jQuery لاضافة الصور المنبثقة التلقائية جديد الأحد أكتوبر 06, 2013 4:04 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>وضع فوقه الكود أعلاهانتهى | |
|