Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2011
    Messaggi
    31

    FancyBox - Scrollare foto dentro al div in fullscreen

    Ciao a tutti.
    Sono alle prese con FancyBox e l'ingrandimento di una foto.

    Cliccando sulla miniatura dentro alla mia scheda articolo, tramite questo codice di FancyBox riesco a visualizzare l'immagine a tutto schermo.

    $(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
    padding : 0,
    margin : 1,
    nextEffect : 'fade',
    prevEffect : 'none',
    autoCenter : true,
    transitionIn : 'elastic',
    transitionOut : 'elastic',
    afterLoad : function () {
    $.extend(this, {
    aspectRatio : true,
    type : 'html',
    width : '100%',
    height : '100%',
    content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%" /></div>'
    });
    }
    });
    Praticamente è questo esempio

    Solo che quando l'immagine è aperta a tutto schermo (io ho delle immagini in verticale), si posiziona esattamente al centro (tagliando testa e piedi) e non ho la possibilità di muoverla in basso e in alto con il mouse per vederla tutta.

    Come posso fare?
    Esiste un modo per muovere in verticale un'immagine dentro ad un div?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    L'operazione più semplice ritengo sia inserire lo scroll nel div fancybox-image nello stile aggiungi overflow:auto; rendere trascinabile "drag and drop" l'immagine dentro il fancybox lo ritengo molto più complesso
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.