מדיה ויקי:Gadget-rollBackSummary.js

הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.

• פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
• גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
• אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.

var slideShowLinks;
var currentImage;

function changeSlideShowImage(text) {
 var slideshowimage = document.getElementById('slideshowimage');

 var imagelink = document.getElementById('file').getElementsByTagName('A')[0].href;
 slideshowimage.src = imagelink;
 slideshowimage.alt = slideShowLinks[currentImage];
}

function toggleSlideShowImage(direction) {
 // figure out which image to load
 if (direction) // = 1 = up
  currentImage++;
 else // = 0 = down
  currentImage--;
 
 // load image page
 var a = sajax_init_object();
 a.open('GET', wgServer + wgScriptPath + '/index.php?title=' + encodeURIComponent(slideShowLinks[currentImage]) + 'action=render', true);
 a.onreadystatechange = function() {
  if (a.readyState != 4) return;
  changeSlideShowImage(a.responseText);
  // alert("[" + a.status + ":" + a.statusText + "]\n" + a.responseText);
 };
 a.send(null);
}

function initSlideShow() {
 if (!(wgPageName == 'מיוחד:כל_הדפים' && getParamValue('namespace') == 6)) return;

 // get all link in page and remove non-images
 slideShowLinks = document.getElementsByTagName('A');
 for (var i = 0; i < slideShowLinks.length; i++)
  if (slideShowLinks[i].title.indexOf('תמונה:') != 0)
   slideShowLinks.splice(i, 1);

 // create the frame, hide almost everything else
 var tables = document.getElementById('bodyContent').getElementsByTagName('TABLE');
 tables[2].style.display = 'none';

 var td1SS = document.createElement('TD');
 var img1SS = document.createElement('IMG');
 img1SS.id = 'slideshowimage';
 td1SS.appendChild(img1SS);
 var tr1SS = document.createElement('TR');
 tr1SS.appendChild(td1SS);

 var td2SS = document.createElement('TD');
 td2SS.className = 'slideShowLinks';

 var a1SS = document.createElement('A');
 a1SS.id = 'slideshowlinkleft';
 a1SS.href = 'javascript:toggleSlideShowImage(1)'; 1 = left/up
 a1SS.innerHTML = '>';

 var a2SS = document.createElement('A');
 a2SS.id = 'slideshowlinkright';
 a2SS.href = 'javascript:toggleSlideShowImage(0)'; 0 = right/down
 a2SS.innerHTML = '<';

 td2SS.appendChild(a1SS);
 td2SS.appendChild(document.createTextNode(' | '));
 td2SS.appendChild(a2SS);

 var tr2SS = document.createElement('TR');
 tr2SS.appendChild(td2SS);
 var tbodySS = document.createElement('TBODY');
 tbodySS.appendChild(tr1SS);
 tbodySS.appendChild(tr2SS);
 var tableSS = document.createElement('TABLE');
 tableSS.className = 'slideshowTable';
 tableSS.appendChild(tbodySS);
 tables[2].parentNode.insertBefore(tableSS, tables[2]);

 // start the show
 currentImage = 1;
 toggleSlideShowImage(0);
}

addOnloadHook(initSlideShow);