Autore Topic: [v10 - 11] Ridimensionamento automatico "Immagine sovrapposta"  (Letto 1531 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Leggendo questo post su Answers 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/
« Ultima modifica: 31 Luglio, 2015, 18:01:03 da lemonsong »

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:[v10 - 11] Ridimensionamento automatico "Immagine sovrapposta"
« Risposta #1 il: 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

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