منتدى اسلاميات

منتدى اسلاميات

منتدى اسلاميات
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

أنت تتصفح منتدى اسلاميات

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

المواضيع الأخيرة
» الكسل والنشاط
من طرف سبع السّبع المثاني السبت أبريل 30, 2016 4:01 pm

» الكآبة والسعادة ..
من طرف سبع السّبع المثاني السبت أبريل 30, 2016 3:58 pm

» الكافي في فقه أهل المدينة المالكي
من طرف طالب علم الأربعاء فبراير 24, 2016 8:23 am

» رسائل دعويه
من طرف طالب علم الأربعاء فبراير 24, 2016 8:22 am

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:45 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:44 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:38 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:25 pm

» رسائل دعوية
من طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm

» رسائل دعوية
من طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm


شاطر | 
 

 كود jQuery لاضافة الصور المنبثقة التلقائية جديد

اذهب الى الأسفل 
كاتب الموضوعرسالة
الرسام
Admin
avatar

عدد المساهمات : 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>
وضع فوقه الكود أعلاه

انتهى

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://aslameat.alafdal.net
 
كود jQuery لاضافة الصور المنبثقة التلقائية جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيف وضع اكواد jquery داخل صفحة Html

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى اسلاميات :: قسم التطوير :: منتدى التطوير :: قسم اكواد الجافا-
انتقل الى: