منطقة الاعضاء


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

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةالمنشوراتس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالثلاثاء 8 أغسطس 2017 - 16:50 من طرفالمدير اسم الموضوع: كود جديد انبثاق معلومات العضو عند الوقوف بالماوس على إسمه أو صورته الثلاثاء 8 أغسطس 2017 - 14:53 من طرفth3free اسم الموضوع: [حصري] برنامج صيني خطير لعمل الروت لهواتف الأندرويد و تحميل الرومات التطبيقات و الثيمات من الكمبيوتر مباشرةالإثنين 7 أغسطس 2017 - 21:12 من طرفالمدير اسم الموضوع: [تقنية]حظر صور خدمة PhotoBucket على منتديات أحلى منتدىالإثنين 7 أغسطس 2017 - 20:59 من طرفالمدير اسم الموضوع: [template] « أستعرض الموضوع السابق | أستعرض الموضوع التالي » بتقنية الاجاكسالإثنين 7 أغسطس 2017 - 20:39 من طرفالمدير اسم الموضوع: ستايل مالك العوامرة الازرق والاسود بعد التعديلالجمعة 4 أغسطس 2017 - 12:24 من طرفDaRk JoKeR اسم الموضوع: (TEMPLATES) كود اخر المواضييع الافقى المعتمد في منتدانا (مثل احلى ستايل)الخميس 3 أغسطس 2017 - 15:12 من طرفth3free اسم الموضوع: [Template] كود اخر مواضيع القسم بالتومبيلاتالخميس 3 أغسطس 2017 - 15:04 من طرفth3free اسم الموضوع: [JAVASCRIPT] حصري شريط البحث على الرموز الانفعاليةالثلاثاء 1 أغسطس 2017 - 18:42 من طرفالمدير اسم الموضوع: كود المصدر و اسم الكاتب و اضافات أخرى بدون تمبيلاتالثلاثاء 1 أغسطس 2017 - 16:32 من طرفth3free اسم الموضوع: جافا سكربت . اضافة ايقونة حذف الرابط بصندوق الكتابةالثلاثاء 1 أغسطس 2017 - 16:25 من طرفth3free اسم الموضوع: [Javascript] إظهار بيانات العضو عند الضغط على إسمهالثلاثاء 1 أغسطس 2017 - 16:18 من طرفth3free

شاطر | 
 

 [JAVASCRIPT] تكبير الصور بالمواضيع مع اطار من اختيارك

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1322
السٌّمعَة :
33
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: [JAVASCRIPT] تكبير الصور بالمواضيع مع اطار من اختيارك الخميس 1 يناير 2015 - 17:31


[JAVASCRIPT] تكبير الصور بالمواضيع مع اطار من اختيارك
صورة للتوضيح

يمكنكم تغيير رابط الصورة من الكود لاي اطار تريده
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

اولا كود الجافا أشرعلى المواضيع فقط


الكود:
$(function() {
  var img = $('.post .postbody div img');
  for (i=0; i<img.length; i++) {
    img[i].className += ' c_0';
    img[i].onclick = function() {
      if (/c_0/.test(this.className)) this.className = this.className.replace(/c_0/,'c_1');
      else if (/c_1/.test(this.className)) this.className = this.className.replace(/c_1/,'c_0');
    }
  }
});

ثم اضف احد هذان الكودين بالسى اس اس CSS

الكود الاول اطار بلون ثابت يمكن التحكم باللون فيه

الكود:
.c_0, .c_1 { transition:500ms }
.c_1 {
  transform:scale(1.5);
  border:4px solid #AAA;
  box-shadow:3px 3px 3px rgba(0,0,0, 0.5);
}

تغيير لون الاطار يتم عن طريق تغيير القيمة
#AAA ولتعديل سمك الاطار 4PX
الكود الثانى اطار عبارة عن صورة خلفية يمكنك عملها براوز

الكود:

.c_0, .c_1 { transition:500ms }
    .c_1 {
      transform:scale(1.5);
      background:url('http://i39.servimg.com/u/f39/11/74/20/44/4010.jpg') no-repeat center / 100% 100%;
      padding:3%; /* space around image */
      box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);
    }
اما عن المصدر فهو للخبير الاجنبى الاكثر من رائع
وهو الان منسوب الى مايكل سوفت

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
[JAVASCRIPT] تكبير الصور بالمواضيع مع اطار من اختيارك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: أكواد Java Script و jQuery
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | منتدى مجاني | العلم و المعرفة | اخر... | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك