منتدى اسلاميات
كود jQuery لاضافة الصور المنبثقة التلقائية جديد 295873510
منتدى اسلاميات
كود jQuery لاضافة الصور المنبثقة التلقائية جديد 295873510
منتدى اسلاميات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

منتدى اسلاميات
 
الرئيسيةأحدث الصورالتسجيلدخول

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

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

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

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

» الكافي في فقه أهل المدينة المالكي
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف طالب علم الأربعاء فبراير 24, 2016 8:23 am

» رسائل دعويه
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف طالب علم الأربعاء فبراير 24, 2016 8:22 am

» رسائل دعويه
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:45 pm

» رسائل دعويه
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:44 pm

» رسائل دعويه
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:38 pm

» رسائل دعويه
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف منى الميلبي الإثنين فبراير 08, 2016 6:25 pm

» رسائل دعوية
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm

» رسائل دعوية
كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyمن طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm


 

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

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


عدد المساهمات : 1164
نقاط : 3488
السٌّمعَة : 1
تاريخ التسجيل : 05/09/2013

كود jQuery لاضافة الصور المنبثقة التلقائية جديد Empty
مُساهمةموضوع: كود jQuery لاضافة الصور المنبثقة التلقائية جديد   كود jQuery لاضافة الصور المنبثقة التلقائية جديد Emptyالأحد أكتوبر 06, 2013 4:04 pm

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

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

كود jQuery لاضافة الصور المنبثقة التلقائية جديد Lightbox-native-gallery-wordpress-jquery-plugin


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

انتهى

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://aslameat.alafdal.net
 
كود jQuery لاضافة الصور المنبثقة التلقائية جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود jQuery تاثير الماوس على الصور - اشعاع
» كود jQuery لتسريع تصفح المواقع
» كود ترحيب جديد بالزائر
» (7) استخدام وإضافة الصور الفوتوغرافية
» كود html مركز رفع الصور خاص بمنتداك بحلته الجديدة لأحلى منتدى

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