عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ، مرحبا بكم أحباءنا الكرام في تدوينة جديدة بعد هذا الغياب عن تقديم كل ما هو جديد في عالم التدوين ،تلقيت عدة رسائل تسألني عن طريقة تركيب خاصية الصور المنبثقة Jquery Lightbox والآن أتيت لكم بالجديد ،فكثير منكم من قام بتطبيق العديد من المحاولات لهذه الإضافة في مدونته لكن بدون فائدة وما يزيد الطين بلة هو يجب تعديل كودHTML لكل صورة علي حدة ووضع الجملة rel="lightbox" title="Your image Caption" بعد الوسم" a>" الذي يخص الصورة ،أما الآن مع الخاصية الجديدة التي أتيت لكم بها تقوم بتفعيل الصور المنبثقة لجميع الصور التي تحتوي عليها المدونة بصفة تلقائية ولا داعي لإضافة أي شيء على كود الصورة ,ولمعاينة هذه الإضافة قم بالضغط على الصورة أسفله .
والآن بعد أن قمت بمعاينة الإضافة سوف نتوجه إلى التطبيق على المدونة ما عليك سوى البحث عن الوسم :
والآن بعد أن قمت بمعاينة الإضافة سوف نتوجه إلى التطبيق على المدونة ما عليك سوى البحث عن الوسم :
ثم قم بلصق الكود التالي قبله مباشرة :</body>
هل ترون كم الأمر بسيط ،ومبروك عليكم جميعا مع متمنياتي لكم بمتابعة ممتعة .<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[href$=jpg], 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>
جميلة جدا أخي أبو عياد
ردحذفشكرا لك على هذا المجهود وبارك الله فيك
أستفيد معك كعادتي
لك التحية
جزاك الله خير اضافة متميزة
ردحذفشكراً لمجهودكم المعتاد
بوركت
لم تفلح معى حيث لم تنبثق الصور بعد تركيب الكود !!
ردحذفرائع جدا واسمح لى باضافة طريقة أخرى
ردحذفتوجه لتحرير القالب وضع هذا الكود قبل</head>
<link href='http://sites.google.com/site/alzraiee/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/alzraiee/jquery.min.js' type='text/javascript'/><script src='http://sites.google.com/site/alzraiee/lightbox.min.js' type='text/javascript'/>
ردحذفالسلام عليكم:
الاخ الفاضل ابو اياد..ممكن توضيح اكثر ؟؟
بالضبط اين اذهب لابحث عن الوسم/body؟؟
بحثت في صفحة تحرير الرسائل..لم اجده..
شكرا لك مقدما..
أخوك
ابن الايمان
ردحذفالسلام عليكم ابا اياد..:
شكرا على جهودك الكريمه..
طبقت خاصة ارجحة الصور ..
طبقت خاصية الصور المنبثقه ..لكنها:
اولا : ليس دائما تفتح..
ثانيا اذا فتحت تفتح في صفحة مكان صفحة المدونه يعني يتوجب الرجوع الى صفحة المدونه..
كنت اتخيل انها ستفتح في صفحه جانبيه خاصه بها(الصوره المنبثقه).
اتمنى سماع تعقيبك على هذه الملاحظات قريبا..
شكرا لك على كل حال
اخوك
ابن الايمان
@ابن الإيمان
ردحذفمرحبا بك أخي بالنسبة لسبب أن الصورة لا تفتح معك في بعض الأحيان ، لأن صفحة المدونة لم تكمل عملية التحميل ،لذلك يجب أن تنتظر حتى تظهر صفحة المدونة 100% .أما بالنسبة لسؤالك الثاني : فإن هذه الإضافة تعرف ب:lightbox أي أنها تظهر فقط على الصفحة التي بها الصورة وتقوم بتضليل ما وراءها لكن إذا أردت فتح الصورة في صفحة جديدة فهذا أمر آخر لذلك راجع هذا الدرس من هنا وشكرا لك على ملاحظاتك القيمة
شكرا ابو اياد
ردحذفاخى يبدو ان الكود به مشكلة حيث عندما اضغط على الصورة تظهر اسفل الموقع وليس فى مكان الصورة
ردحذف@sossi
ردحذفلقد كان هناك خطأ على مستوى ملف الجافا ، لقد تم تصحيح الأمر ،وهي الروابط الزرقاء في الكود ، شكرا لملاحظتك
طبقتها والحمد لله اشتغلت تمام جزاك الله اخى على هذا الموضوع المهم وبارك الله لك فى مدونتك المفيدة
ردحذفالله يجزاك كل خير اخي اضافة راااائعة
ردحذفبجد مواضيعك كلها قيمه اشكرك اخى فى الله
ردحذفمشكور اخ ابو اياد
ردحذفبس في صور ما بتنبثق
؟
ولا تنسى اخي ابو اياد هذه الميزة
ردحذفhttp://img862.imageshack.us/img862/8937/38491996.png
أخي أبو اياد الاضافة لا تدعم الصور بصيغة png
ردحذفكما واجهتني مشكلة الغاء بعض الاضافات كالقائمة المسندلة والسلايدشو
أرجوا ايجاد حل للمشكلة و شكرا b-(
مروان
السلام عليكم ورحمة الله وبركاتة
ردحذفتسلم إيدك يا أبو إياد
أنا ضيفتها جميلة جميلة جدااااااااا
علي فكرة أنا محمد السيد الملقب (أبو أياد)أيضا إبنى أسمة إياد
أنا سعيد جدا بمعرفتك
http://dostor.org/politics/middle-east/11/april/14/40044
ردحذفاخ ابو اياد هل تسطيع عمل مقطع اليوتيوب بطريقة منبثة مثل هذا الموقع
@مدونة ابو معاذ
ردحذفتفضل أخي أبو معاذ ،هذا الشرح للأخ جاسر من هنا
الله يحفظك أخي الإضافة في غاية الروعة
ردحذفقمت باضافتها تعمل ميه ميه
في انتضاء كل جديدك و السلام عليك
مشكور جدا جدا على هذه الاضافةالرائعة
ردحذفارجو منك بخبرتك زيارة موقعي الاول واثاني
http://maghlasaw.blogspot.com/
http://mghaleskids.blogspot.com/
والتكرم علي بملاحظاتك
إضافة رائعة تضفي لمس جميلة على المدونة شكرا لك ولا تحرمنا من جديدك
ردحذفمشكووووووووووووووووووووووووووور
ردحذفشكرا لك على الموضوع الرائع لكن انا بحط صور كبيره ف الطول والعرض ف لما اجي اكبرها الاقيها كبيره زياده عن اللزوم
ردحذفهل يوجد اضافه مثلها ؟ بس مختلفه ف التكبير او الشكل
ادخل على اي موضوع يوجد به صور وانظر
ردحذفhttp://zerogad.blogspot.com/
@zerogad95
ردحذفأخي هذا أمر طبيعي لأن الصور تعرض بقياساتها الأصلية
أزال المؤلف هذا التعليق.
ردحذفشكرا لك اخي ابو اياد لقد استفدت منك كثيرا
ردحذفأزال المؤلف هذا التعليق.
ردحذفشكرا ابو اياد تم التركيب بنجاح بعد مشكله توقف تاثيرات اخرى بعد تركيب الاضافه لكن الحل انى قمت باضافه الكود بعد] ] > < / b : skin >
ردحذفأزال المؤلف هذا التعليق.
ردحذفالسلام عليكم،
ردحذفأريد أن أسئل إن كان في الإمكان تشيلها على الفيديو ؟
اخى يبدو ان مشكلة الكود عندما اضغط على الصورة تظهر اسفل الموقع وليس فى مكان الصورة رجعت مرة اخرى الكود كان شغال تمام لكن من فترة رجعت المشكلة تظهر تانى ؟؟؟
ردحذف@sossi
ردحذفجربتها على مدونتك وهي تعمل 100%
chokraan bzaaf akhhoya raak mostad tbarkalah alik f blogger
ردحذفالسلام عليكم ورحمة الله وبركاته
ردحذفابو اياد ودي ابوووووسك على خدك مشكور على الإضافة الرائعة يا رائع
جزيت خيرا أخي .. بارك الله فيك
ردحذفشكرا يا ابو اياد بس بقولك هو انا لو عايز ادرس الكلام ده هل فيه كورسات ممكن آخدها ولا مفيش ولو فيه يا ريت تقولى اسمه لحسن انا حابب الشغل ده اوى .. سلامو عليكو
ردحذفالشافعى من ام الدنياااااااا
thank you
ردحذفشكرا
ردحذفبارك الله فيك ,
ردحذفدروس اكثر من رائعه ,
لك جزيل الشكر والتقدير
وفقك الله
أنا أسامة من المغرب من مدينة مكناس (: ولد البلاد.
ردحذفشكرا لك أخي الكريم أبو أياد عملت معي بنجاح وأرجو منذ منك المساعدة في مدونتي لأن أقسام المدونة لا تستغل أي عندما أضع أي موضوع يذهب ال الصفحة الرئيسة وأنا أريده أن يذهب الى الأقسام الخاصة بكل موضوع
وهذه هي مدونتي أرجو زيارتك لها لتفهم المشكل http:///mobile4my.blogspot.com
وشكرا لك
يعطيك العافيه اخوي على الاضااافه الروووووعه ^^
ردحذفشكرا يابااااااااااااشا
ردحذفانا عندى فى المدونه بتظهر على صور وصور لا
ردحذفشكرا ابو اياد على الابداع المتواصل
ردحذفاضافة جميلة وضعتها في مدونت بس المشكلة لمل اضغط على صورة يطلع حجمها كبير جدا اكبر من الشاشة
ردحذفما ىالحل
http://smile-maker78.blogspot.com/
شكرا لك على المجهود
ردحذفشكرا لك اخي ابو اياد وارجو تقيمك لمدونتي
ردحذف<div dir="rtl" style="text-align: right;" trbidi="on">
ردحذف<a href="http://blogg-face.blogspot.com/"></a></div>
ها هي مدونة بلوجر فيس
;) ;) ;) ;) ;) ;) ;) ;) ;) ;) ;) ;) ;)
ردحذفالسلام ممكن تشرح بالصور او الفيدو مكان التطبيق
ردحذفشرح اكثر من رائع تسلم يداك
ردحذفيعطيك العافيه
ردحذفhttp://de-ps.blogspot.com
اننا عندى مشكله ركبت الاضافه اشتغلت تمام وبعد كادا لقيت المدونه اتلخبطلت اداه تعريف الكاتب اتنقلت من مكانها
ردحذفومشكله تاني هانا عندى الاضافه باتاع الصور دى موجوده اساسا فالقالب لكن مش شغاله بشكل صحيح بتخلى الصور تظهر ورا الكلام
دا رابط المدونه
tqnyplus.com