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:
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):
<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/
