Archivi tag: HTML

Chiudere automaticamente un’immagine zoomata con NivoZoom

NivoZoom è una libreria Free ed estremamente leggera, utilizzata per ingrandire le immagini (magari di un e-commerce). Il comportamento di base però è quello di ingrandire l’immagine con un click e di chiuderlo con un altro click. E’ possibile gestire la chiusura automatica dell’immagine sostituendo la funzione doZoom con la seguente (io ho utilizzato la versione Development della libreria disponibile sul sito ufficiale):

var timerClose;
 function doZoom(img, link, nivoZoomHover){
 var imgLarge = $('img.nivoLarge', link);
 if(link.hasClass('zoomed')){
 //Hide Overlay
 if(settings.overlay) $('#nivoOverlay').fadeOut(settings.speed/2);
 //Hide Caption
 if($('.nivoCaption', link).length > 0){
 $('.nivoCaption', link).fadeOut(settings.speed/2);
 }
 //Hide Image
 imgLarge.fadeOut(settings.speed/2, function(){
 img.animate({ opacity:1 }, settings.speed/2);
 });
 link.removeClass('zoomed');
 clearTimeout(timerClose);
 } else {
 //Show Overlay
 if(settings.overlay) $('#nivoOverlay').fadeIn(settings.speed/2);
 //Hide ZoomHover
 nivoZoomHover.css('opacity','0');
 //Show Image
 img.animate({ opacity:0 }, settings.speed/2, function(){
 imgLarge.fadeIn(settings.speed/2, function(){
 showCaption(img, imgLarge, link);
 });
 });
 link.addClass('zoomed');
 timerClose = window.setTimeout(doZoom,8000,img,link,nivoZoomHover);

 }
 }

Nascondere il referer di un link in una pagina web

A volte (vedi articolo su Google Translate) può essere necessario nascondere il referer e quindi non indicare il sito da cui proviene il link. In questo caso ci sono tre metodi

  1. Utilizzare un servizio esterno, come quello che offre redirect.us, che permette di richiamare URL del tipo http://referer.us/URL_DA_CHIAMARE per essere rediretti – senza riferimenti al sito di provenienza – al sito desiderato;
  2. Creare uno script PHP contenente il seguente codice per ottenere un servizio equivalente a quello di referer.us:
    redirect.php
    <?php
    //Questo script ridirige alla pagina passata come parametro nell'URL.
            if ($_SERVER['QUERY_STRING'])
            {
                    header('Location: '.$_SERVER['QUERY_STRING']);
                    exit(0);
            }
    ?>
    

    In questo modo chiamando redirect.php?URL_DA_CHIAMARE  si verrà reindirizzati al sito web.

  3. Configurando opportunamente il browser:
    • Nel caso di Internet Explorer è sufficiente aggiungere il sito all’elenco dei siti attendibili da Strumenti -> Opzioni Internet. Ovviamente questa impostazione è valida soltanto per i siti selezionati.
    • Nel caso di Firefox è sufficiente digitare l’indirizzo about:config per accedere alle configurazioni. A questo punto basta cambiare il valore dell’impostazione network.http.sendRefererHeader da 2 a 0