منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

ممكن كود لجعل الصور تكبر وتصغر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة ممكن كود لجعل الصور تكبر وتصغر

مُساهمة من طرف amrzkey في الجمعة 26 يوليو 2013 - 1:12

السلام عليكم أريد كود لجعل الصور تكبر وتصغر مثل الصور فى احلى منتديات
هذه صورة للمثال
" />


عدل سابقا من قبل زيزو اليكس في الثلاثاء 30 يوليو 2013 - 11:22 عدل 1 مرات (السبب : تم الحل)

amrzkey
 
 

ذكر
عدد المساهمات : 73
معدل النشاط : 1452

http://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: ممكن كود لجعل الصور تكبر وتصغر

مُساهمة من طرف شبح العراق في الجمعة 26 يوليو 2013 - 1:24

 من بعد اذن الاخ 
هذا الكود في ال css

الرمز:
كود انبثاق  الصور  بداية
    /***** code brogramed by ahmed and mohamed abdelfatah *****/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;   
}
 كود انبثاق  الصور نهاية

وهذا في الجافا سكريبت
الرمز:
jQuery (function () {jQuery.getScript ("http://file.xp3.biz/js/lightbox_shiftactif.js")});

بلتوفيق
clown

شبح العراق
 
 

ذكر
عدد المساهمات : 681
معدل النشاط : 2459

http://www.mzeeka.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: ممكن كود لجعل الصور تكبر وتصغر

مُساهمة من طرف amrzkey في الجمعة 26 يوليو 2013 - 1:29

شكرااااااااااا للجميع
pale pale pale pale 
clown clown clown :الى اللقاء: :الى اللقاء: 

amrzkey
 
 

ذكر
عدد المساهمات : 73
معدل النشاط : 1452

http://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: ممكن كود لجعل الصور تكبر وتصغر

مُساهمة من طرف زيزو اليكس في الثلاثاء 30 يوليو 2013 - 11:23

إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك و وضع ايقونة   لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.  silent

زيزو اليكس
 
 

ذكر
عدد المساهمات : 12788
معدل النشاط : 15109

http://zezoalex-14.hooxs.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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