salima
11-01-2013, بتوقيت غرينيتش 08:12 AM
السلام عليكم
اليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة blog بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود code الصورة !
مثال حي للكود code :دورة عمل منتدى vb - الدرس مفصل الثاني : شرح طريقة عمل منتدى vb على استضافة HOTING إبقى ~ Prog2day (http://bramej2day.blogspot.com/2014/07/vb-vb.html)
مثال مصور :
http://im34.gulfup.com/jaKfy.png
الكود code :
يتم اضافته قبل وسم </body>
رمز Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <style type='text/css'> /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: #444; padding: 10px; width: 520px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } </style> <script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.js' type='text/javascript'/> <link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/> <script type='text/javascript'> $(function() { $('a, a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox(); }); </script><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>
لاضافته على مدونات بلوجر /
توجد الى لوحة الادارة
قالب template
تحرير HTML
متابعة
ثم ابحث عن </body>
وضع فوقه الكود code أعلاه
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
[h=3]©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
اليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة blog بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود code الصورة !
مثال حي للكود code :دورة عمل منتدى vb - الدرس مفصل الثاني : شرح طريقة عمل منتدى vb على استضافة HOTING إبقى ~ Prog2day (http://bramej2day.blogspot.com/2014/07/vb-vb.html)
مثال مصور :
http://im34.gulfup.com/jaKfy.png
الكود code :
يتم اضافته قبل وسم </body>
رمز Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <style type='text/css'> /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: #444; padding: 10px; width: 520px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } </style> <script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.js' type='text/javascript'/> <link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/> <script type='text/javascript'> $(function() { $('a, a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox(); }); </script><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>
لاضافته على مدونات بلوجر /
توجد الى لوحة الادارة
قالب template
تحرير HTML
متابعة
ثم ابحث عن </body>
وضع فوقه الكود code أعلاه
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
[h=3]©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
