ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

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

  افضل مساهمة1
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
صورة للسلايد شو

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

دمتم بخير


m13
  افضل مساهمة2
كود 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);
          }
        }());


m13
  افضل مساهمة3
ألف شكر لكَي
  افضل مساهمة4
لاتستطيع الرد على المواضيع في هذا المنتدى