Stai leggendo il blog di: marcorossi
Questo blog ha 25 Followers

<!– GVIEWER
Il codice sottostante va inserito nell’html della pagina (su wordpress o siti simili utilizzando il widget “HTML/javascript”).
Riconosce tutti i link che portano ad un immagine e, se ce ne sono 2 o più, quando si clicca su di un link si attiva uno slideshow di tutte le immagini cliccate.

Non funziona su Internet Explorer 8 o precedenti.

aggiornato il 10/8/14

IMPORTANTE: WORDPRESS MI SOSTITUISCE GLI APICI NEL CODICE QUINDI VANNO TUTTI RIPRISTINATI (cioè le virgolette ” e gli apici ‘ all’interno del codice vanno sostituiti con i normali apici e virgolette, perché il maledetto wordpress me li censura, altrimenti non funziona niente);
–>

<script>
var geViewer_linkAdImmagini, geViewer_qualeImma;

if (window.addEventListener)
window.addEventListener(‘load’, geViewer_checkGviewer, false);
else if (window.attachEvent)
window.attachEvent(‘onload’, geViewer_checkGviewer);

function geViewer_checkGviewer() {
if (geViewer_overTheTop()) {
geViewer_linkAdImmagini = [];
geViewer_qualeImma = 0;
var serielink = document.getElementsByTagName(‘a’);
for (var i=0;i<serielink.length;i++) {
if (geViewer_isImage(serielink[i].href)) {geViewer_linkAdImmagini.push(serielink[i])}
}
if (geViewer_linkAdImmagini.length>1) {
for (var i=0;i<geViewer_linkAdImmagini.length;i++) {
geViewer_linkAdImmagini[i].setAttribute(“gVcode”,i);
geViewer_linkAdImmagini[i].onclick = function () {return geViewer_open(this);}
}
if (document.getElementById(‘gViewer’)) {document.getElementById(‘gViewer’).parentNode.removeChild(document.getElementById(‘gViewer’));}
geViewer_create();
var all = document.getElementsByTagName(“*”);
var zind = 0;
for (var i=0;i<all.length;i++)
if (all[i].style.zIndex!=null)
if (parseInt(all[i].style.zIndex)>zind)
zind = parseInt(all[i].style.zIndex);
zind++;
document.getElementById(‘gViewer’).style.zIndex = zind;
}
}
}
function geViewer_overTheTop() {

var rv = 10;
if (navigator.appName == ‘Microsoft Internet Explorer’) {
var ua = navigator.userAgent;
var re = new RegExp(“MSIE ([0-9]{1,}[.0-9]{0,})”);
if (re.exec(ua) != null)
rv = parseFloat(RegExp.$1);
}
return (rv>8);
}

function geViewer_isImage(name) {
var estensione = name.toUpperCase().substring(name.lastIndexOf(‘.’));
var estensionImmagini = [‘PNG’,’GIF’,’JPG’,’JPEG’,’BMP’];
var ris = false;
for (var i=0;i<estensionImmagini.length;i++) {
if (estensione==(‘.’ + estensionImmagini[i])) {
ris=true;
}
}
return ris;
}
function geViewer_open(lnk) {
geViewer_aggiornaX(parseInt(lnk.getAttribute(“gVcode”)));
geViewer_openClose(true);
return false;
}
function geViewer_openClose(oc) {
if (oc) {document.getElementById(‘gViewer’).style.visibility=’visible’;}
else {document.getElementById(‘gViewer’).style.visibility=’hidden’;}
return false;
}
function geViewer_create() {
var gViewer = document.createElement(“DIV”);
gViewer.id = ‘gViewer’;
gViewer.appendChild(geViewer_barra(0));
var gEloading = document.createElement(‘P’);
gEloading.appendChild(document.createTextNode(‘loading…’));
gEloading.id = ‘gViewer-loading’;
gViewer.appendChild(gEloading);
var link = document.createElement(“A”);
link.id = ‘gViewerImLink’;
link.href = geViewer_linkAdImmagini[geViewer_qualeImma];
link.setAttribute(‘target’, ‘_blank’);
gViewer.appendChild(link);
var immaVis = document.createElement(“IMG”);
immaVis.src = geViewer_linkAdImmagini[geViewer_qualeImma];
immaVis.onload = function() {return geViewer_loading(false);}
link.appendChild(immaVis);
var gEloading2 = document.createElement(‘P’);
gEloading2.appendChild(document.createTextNode(‘loading…’));
gEloading2.id = ‘gViewer-loading2’;
gViewer.appendChild(gEloading2);
gViewer.appendChild(geViewer_barra(0));
document.getElementsByTagName(‘body’)[0].appendChild(gViewer);
geViewer_aggiorna();
}
function geViewer_loading(oc) {
var ele = document.getElementById(‘gViewer’).getElementsByTagName(‘IMG’)[0];
var alph = 1;
if (oc) {
scriviLoading(‘loading…’);
alph = 0.3;
}
else {
scriviLoading(”);
window.scroll(0,0);
}
ele.style.opacity = “” + alph;
ele.style.filter  = ‘alpha(opacity=’ + alph + ’00)’; // IE fallback
return true;
}
function scriviLoading(txt) {
document.getElementById(‘gViewer-loading’).innerHTML=txt;
document.getElementById(‘gViewer-loading2’).innerHTML=txt;
}
function geViewer_barra(num) {
var riga = document.createElement(“p”);
riga.appendChild(geViewer_barraLink(‘<<‘, 1));
riga.appendChild(geViewer_barraLink(‘<‘, 2));
var nimma = document.createElement(‘DIV’);
nimma.className = ‘contatoreNumeroSlideshow’;
riga.appendChild(nimma);
riga.appendChild(geViewer_barraLink(‘>’, 3));
riga.appendChild(geViewer_barraLink(‘>>’, 4));
riga.appendChild(geViewer_barraLink(‘X’, 0));
return riga;
}
function geViewer_barraLink(txt, effetto){
var cLink = document.createElement(‘A’);
cLink.href=”#”;
cLink.appendChild(document.createTextNode(txt));
switch(effetto) {
case 0:
cLink.onclick = function () {return geViewer_openClose(false);}
break;
case 1:
cLink.onclick = function () {return geViewer_aggiornaX(0);}
break;
case 2:
cLink.onclick = function () {return geViewer_aggiornaAuto(-1);}
break;
case 3:
cLink.onclick = function () {return geViewer_aggiornaAuto(1);}
break;
case 4:
cLink.onclick = function () {return geViewer_aggiornaX(geViewer_linkAdImmagini.length);}
break;
default:
cLink.onclick = function() {return false;}
}
return cLink;
}
function geViewer_aggiornaAuto(numero) {
return geViewer_aggiornaX(numero + geViewer_qualeImma);
}
function geViewer_aggiornaX(numero) {
geViewer_qualeImma = numero;
if (geViewer_qualeImma<0) {geViewer_qualeImma=0;}
if (geViewer_qualeImma>=geViewer_linkAdImmagini.length) {geViewer_qualeImma=geViewer_linkAdImmagini.length-1}
geViewer_aggiorna();
return false;
}
function geViewer_aggiorna() {
geViewer_loading(true);
document.getElementById(‘gViewer’).getElementsByTagName(‘IMG’)[0].src = geViewer_linkAdImmagini[geViewer_qualeImma];
document.getElementById(‘gViewerImLink’).href = geViewer_linkAdImmagini[geViewer_qualeImma];
var divInterne = document.getElementById(‘gViewer’).getElementsByTagName(‘DIV’);
for (var i=0;i<divInterne.length;i++) {
if (divInterne[i].className==’contatoreNumeroSlideshow’) {
divInterne[i].innerHTML=(geViewer_qualeImma+1) + ‘/’ + geViewer_linkAdImmagini.length;
}
}
}
</script>
<style>
#gViewer {
z-index:0;position:absolute;top:50px;right:0;width:100%;background-color:rgba(50,50,50,0.7);
text-align:center;visibility:hidden;padding-top:10px;padding-bottom:10px;font-family:”Lucida Console”, Monaco, monospace;
}
#gViewer p {width:90%;max-width:800px;padding:0;background-color:#000000;margin:auto; font-size:15px; font-weight:bold;}
#gViewer img {width:auto; max-width:100%;height:auto;margin: auto;}
#gViewer a {border:1px solid white; color:white;margin:5px;display:block; width:auto; text-decoration:none;width:12%;}
#gViewer a:hover {border-color:yellow; color:yellow;}
#gViewer a#gViewerImLink {width:90%;max-width:800px;background-color:#fff;border:0;margin: auto;}
#gViewer p a {display:inline-block;-webkit-border-radius: 5px;border-radius: 5px;padding:0.2em 0 0.2em 0;background-color:#333;}
#gViewer p div.contatoreNumeroSlideshow {display:inline-block;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid white; color:white; background-color:black;margin:5px;padding:0.2em 0 0.2em 0;width:12%;}
#gViewer p a:last-child {background-color:red;}
#gViewer-loading, #gViewer-loading2 {color:red;}
</style>