Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 31 Luglio, 2015, 17:57:29

Titolo: [v10 - 11] Ridimensionamento automatico "Immagine sovrapposta"
Inserito da: lemonsong - 31 Luglio, 2015, 17:57:29

Leggendo questo post su Answers https://answers.websitex5.com/post/124775 (https://answers.websitex5.com/post/124775) (attualmente chiuso) io e stesil abbiamo scritto due righe di codice per ridimensionare automaticamente l'immagine sovrapposta, quando usiamo il relativo effetto, in un Oggetto Immagine.

Infatti l'immagine sovrapposta mantiene le dimensioni originali costringendoci a ridimensionare continuamente l'immagine nel caso in cui si cambi la larghezza dell'Oggetto Immagine.

Questo è il codice da inserire in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD e vale per tutti gli oggetti immagine inseriti nella pagina:

Codice:

Only registered users can see contents. Please click here to Register or Login.

Se si vuole limitare lo script ad un solo oggetto immagine (tra i diversi presenti):

Citazione

<script>
$(document).ready(function () {
    var imgO = $('#imObjectImage_5');
    var imgW = imgO.attr('width');
    var imgH = imgO.attr('height');
    imgO.parent().on('mouseover', 'img', function () {
        imgO.parent().find('img').attr({
            'width': imgW,
            'height': imgH
        });
    });
});
</script>

Il valore in rosso è da personalizzare.

Bisogna avere l'accortezza di scegliere "Alto - Sinistra" come allineamento dell'immagine sovrapposta.


Link alla demo: http://lemonsong.altervista.org/test_img_overlay/ (http://lemonsong.altervista.org/test_img_overlay/)

Titolo: Re:[v10 - 11] Ridimensionamento automatico "Immagine sovrapposta"
Inserito da: lemonsong - 27 Settembre, 2015, 22:32:55

Con l'aggiornamento alla versione 11.0.8.31 questo script non è più necessario in quanto tale anomalia è stata fixata:

http://www.websitex5.com/changelog/v11/it.php?ed=evo (http://www.websitex5.com/changelog/v11/it.php?ed=evo)

Citazione

Oggetto immagine

• La funziona "immagine sovrapposta" in alcuni casi non ridimensionava correttamente l'immagine