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

javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

avatar
عضو التميز
الجنس : انثى

السمك

عدد المساهمات : 125609

نقاط النشاط : 141194

السٌّمعَة : 2957

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في الخميس مارس 02, 2017 8:01 pm
javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود javascript يعمل زووم للصور بنافذة منبثقه
صورة للكود

https://i.servimg.com/u/f58/19/61/68/63/screen10.jpg
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript
اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار بالمساهمات
واضف الكود التالي
ضع رد لرؤية الكود:


ثم سجل ونضيف الكود التالي
من خلال مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي
الكود:

 
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
التوقــيـــــــــــــــــــــع


رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

avatar
بصمة خالدة
  •  

  • الجنس : ذكر

    السمك

    عدد المساهمات : 23267

    نقاط النشاط : 24113

    السٌّمعَة : 110

    بلد العضو :

    العمر : 16

    معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com
    تمت المشاركة في الخميس مارس 02, 2017 8:16 pm
    جميل جدا 
    واصلي يا بطلة 
    التوقــيـــــــــــــــــــــع


    انتقاد الآخرين لك هو كالصخرة: إما أن تحملها فوق ظهرك فتثقل مسيرتك وتشل حركتك، وإما أن تضعها على الأرض لتصعد عليها نحو القمم.
    وردة حمراء وردة حمراء

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو نشيط
    الجنس : انثى

    الحمل

    عدد المساهمات : 220

    نقاط النشاط : 226

    السٌّمعَة : 1

    بلد العضو :

    العمر : 16

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الخميس مارس 02, 2017 8:39 pm
    موضوع مميز بارك الله فيك

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    القوس

    عدد المساهمات : 34208

    نقاط النشاط : 36176

    السٌّمعَة : 84

    بلد العضو :

    العمر : 32

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الثلاثاء مارس 21, 2017 1:19 am
    بارك الله بيك
    واصل
    التوقــيـــــــــــــــــــــع

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو محترف
    الجنس : انثى

    الثور

    عدد المساهمات : 2060

    نقاط النشاط : 2084

    السٌّمعَة : 9

    بلد العضو :

    العمر : 16




    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الثلاثاء مارس 21, 2017 1:22 am
    يعطيك العافية عالموضوع
    التوقــيـــــــــــــــــــــع


    لسوء حظك يا حبيبي Ⓜ️♥️..


    إبتليت #بعاشقـة_غـيورة يسرى في دمها حب التملك ~ 


    ومن تتقترب بأشيآئي الثمينة والخاصة سأجعلها ترآب تحت أقدامي ...

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو جديد
    الجنس : ذكر

    عدد المساهمات : 8

    نقاط النشاط : 8

    السٌّمعَة : 1

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الأربعاء يونيو 14, 2017 9:10 pm
    جزاك الله خير 
    موضوع جميل وتكويد رائع

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو نشيط
    الجنس : ذكر

    عدد المساهمات : 119

    نقاط النشاط : 168

    السٌّمعَة : 2

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضوhttp://www.ultrawb.com
    تمت المشاركة في الإثنين يونيو 26, 2017 10:01 am
    ابدعتى والله تسلم الايادى
    التوقــيـــــــــــــــــــــع


    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو نشيط
    الجنس : ذكر

    عدد المساهمات : 478

    نقاط النشاط : 496

    السٌّمعَة : 1

    بلد العضو :

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الخميس أغسطس 03, 2017 3:04 pm
    أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    عضو جديد
    الجنس : ذكر

    السرطان

    عدد المساهمات : 4

    نقاط النشاط : 4

    السٌّمعَة : 0

    العمر : 71

    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الأربعاء أكتوبر 18, 2017 6:58 pm
    كود رائع بارك الله فيك

    رد: javascript عمل انبثاق لصور بالمساهمات للنسخة الثانية

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    عدد المساهمات : 2269

    نقاط النشاط : 4226

    السٌّمعَة : 92

    بلد العضو :





    معاينة صفحة البيانات الشخصي للعضو
    تمت المشاركة في الإثنين ديسمبر 11, 2017 1:51 pm
    يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
    أنتظر جديدك بكل الشوق والود ,,,
    تقبل مروري المتواضع
    التوقــيـــــــــــــــــــــع
    استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى
    Propellerads                                                                           Propellerads
    Top