جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع

المتواجدون الآن ؟
ككل هناك 14 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 14 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 488 عُضو.
آخر عُضو مُسجل هو asdsafsdf فمرحباً به.

أعضاؤنا قدموا 9783 مساهمة في هذا المنتدى في 1845 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير

avatar
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
صورة للسلايد شو

https://i.servimg.com/u/f58/18/46/78/72/logowe10.gif
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT
.اكواد javascript تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
ضع رد لرؤية الكود

دمتم بخير


m13
avatar
كود javascript جديد

الكود:
(function() {
          var BannerRotator = {
            images : [
              'https://i58.servimg.com/u/f58/18/46/78/72/foren-10.png',
              'https://i58.servimg.com/u/f58/18/46/78/72/foren-11.png'
            ],
        
            start_delay : 5000,
            duration : 5000,
            height : 'auto',
        
            fade_image : true,
            fade_speed : 1200,
          
            keep_initial : true,
            remember_position : true,
            preload : true,
        
            // Technische Daten für die Darstellung
            index : -1,
            logo : null,
          
            // Einbinden der Grafik nach Verzögerung
            next : function(ms) {
              if (ms === undefined) ms = FA.BannerRotator.duration;
        
              window.setTimeout(function() {
                if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // Zurücksetzen, wenn die Länge der angezeigten Grafiken überschritten wird
                if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // Erinnerung an das letzte Banner
              
                // Ein- und Ausblenden der Grafiken
                if (FA.BannerRotator.fade_image) {
                  $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
                    FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // Einsetzen der nächsten Grafik
                    $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // Verblassen beim Ein- und Ausblenden
                  });
                }
        
                // Zufällige Darstellung
                else {
                  FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
                  FA.BannerRotator.next();
                }
              }, ms);
            },
          
            // Erste Inbetriebnahme und einige andere Einstellungen
            init : function() {
              var logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo'),
                  index = my_getcookie('fa_banner_index');
                
              if (logo) {
                FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild;
                FA.BannerRotator.logo.style.height = FA.BannerRotator.height;
              
                if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src;
                if (FA.BannerRotator.remember_position && index) {
                  FA.BannerRotator.index = +index;
                  FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0];
                }
              
                FA.BannerRotator.next(FA.BannerRotator.start_delay);
              } else if (window.console && window.console.warn) {
                console.warn('Die Foren-Version ist für dieses Plugin nicht optimiert.');
              }
            }
          };
        
          if (!window.FA) FA = {};
          if (!FA.BannerRotator) {
            FA.BannerRotator = BannerRotator;
          
            if (FA.BannerRotator.preload) {
              for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) {
                img = document.createElement('IMG');
                img.src = FA.BannerRotator.images[i];
              }
            }
          
            $(FA.BannerRotator.init);
          }
        }());


عدل سابقا من قبل JoryAbdallah في 04/09/17, 05:15 am عدل 1 مرات


m13
avatar
ألف شكر لكَي
avatar
مواضيع مماثلة

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول