Sovrapporre due immagini
Autore: Diego S.
Visite 1930,
Followers 1,
Condiviso 0
Vorrei che al passaggio del mouse sull'immagine in b/n si sovrapponga un'immagine uguale per forma e dimensioni ma a colori. Però quando vado in visualizzazione e scelgo immagine sovrapposta devo inserire obbligatoriamente l'allineamento e questo non mi permette di sovrapporre in maniera uguale l'immagine a colori su quella in b/n.
Postato il
se le immagini sono delle stesse misure, funziona perfettamente...
... come anticipato da MirKo, le due immagini devono essere delle medesime misure e di misure all'origine atte all'uso che se ne deve fare, senza effettuare ridimensionamenti, e senza applicare filtri ed effetti proposti dal programma; ...vedi Topic simile, qui: https://helpcenter.websitex5.com/post/95356
.
Autore
Chiedo scusa, però mi sono accorto che se lascio 3 colonne e 3 righe nella pagina la sovrapposizione delle immagini è perfetta, ma quando aggiungo una quarta colonna o una quarta riga le immagini non sono più sovrapposte in modo perfetto.
Perché?
prova con tasto dx a cliccare qui e metti le colonne uguali....
Autore
MirKo, ho fatto come hai suggerito ma quando porto le colonne da 3 a 4 e/o le righe da 3 a 4 le immagini non si sovrappongono perfettamente.
prova allora ad eliminare le immagini, e rifare da capo tutti i passaggi, e vedi se si sistema...
Autore
Grazie MirKo, per la tua cordiale disponibilità. Ho provato anche a rifare tutto dall'inizio cancellando il vecchio lavoro, ma il risultato non cambia. Finchè uso 3 colonne e 3 righe tutto ok, quando aumento una colonna o una riga le immagini non si sovrappongono. Forse è un limite del programma stesso? Io uso website x5 evolution 11.0.7.30 cioè l'ultima versione.
Le immagini a colori e in b/n le ho tutte ugualmente ridimensionate con photoshop (260x194 pixel) e sono tutte in formato jpg.
Posta qui le 2 immagini da sovrapporre, cosi faccio alcune prove...
Autore
Questa è la prima immagine in b/n
Autore
Questa è la seconda a colori che dovrebbe sovrapporsi a quella in b/n
Autore
Comunque il problema è che fino a quando le celle sono 9, cioè 3 righe e 3 colonne, leimmagini si sovrappongono perfettamente. Quando aumento una riga o una colonna l'immagine a colori si sovrappone ma spostandosi a seconda di ciò che è selezionato nella riga: allineamento (alto, alto a destra, centro, basso...).
Quindi il problema si verifica quando superi le 9 celle. Buona giornata.
ok, sta sera appena a casa ci provo...ciaoooo
effettivamente un pelino escono le B/N
http://www.provews.altervista.org/sovrapp/
togli il corretto dal Post, cosi che possano intervenire anche gli altri e resta in attesa dello Staff.....ormai penso con Lunedi.....
nel frattempo, fin che non togli il corretto, vai qui e metti una toppa:
http://www.unofficialwsx5.com/index.php?topic=2059.msg14540#new
la prima immagine è influenzata dai margini della cella contenitore, quella dell'effetto hover no...se porti a 0 i margini della cella le due immagini dovrebbero sovrapporsi perfettamente...
Azzerando i margini si sovrappongono ma l'immagine sovrapposta rimane delle dimensioni originali, se non si ridimensiona di nuovo manualmente.
E' questo il "succo" del post linkato precedentemente da Mirko.
Lo script attribuisce all'immagine sovrapposta le stesse dimensioni (altezza/larghezza) dell'immagine "di base".
si, lemon, secondo me sono due cose diverse, la mia risposta era in generale solo per ovviare allo sbordare delle immagini in hover, che bisogna azzerare i margini della cella per risolvere il problema, in quanto la seconda sborda dalla prima, appunto perchè la prima viene ridimensionata in base ai margini impostati nella cella...difatti lo script, se non si azzerano i margini della cella, non sovrappone le immagini comunque...
Autore
Ho scoperto, lavorando, che le immaginini si sovrappongono perfettamente a condizione che mantengo fino a 3 colonne e posso aggiungere tutte le righe che voglio.
Però se aggiungo una quarta colonna le immagini non si sovrappongono più perfettamente. Quindi il problema emerge quando aggiungo più di 3 colonne. Questo mi sembra sia un problema del programma website che forse non è in grado di gestire i margini con un n umero di colonne superiore a 3.
Inoltre cos' facendo, però, non riesco a gestire i margini del: contenuto della pagina. Viene spostato tutto a sinistra e non riesco a centrare orizzontalmente le tre celle. Ho pochissimo margine a sn e molto a dx.
Grazie a tutti della paziente disponibilità. Forse ha ragione MirKo quando suggerisce di attendere la risposta dello Staff.
Buona giornata.
ma nel frattempo usa la toppa che ti ho linkato sopra, cosi puoi andare avanti con il tuo lavoro....
... in attesa che sia valutato dallo STAFF e che ti possa rispondere, ma oramai da Lunedì... ... .. . . . .
... io non ho il Programma per verificare, ...ma secondo me non dovresti avere nessun problema ottemperando al suggerimento iniziale, ma ovviamente occorre provare, e non ci sono stati riscontri...
... come è stato ed è per le GifAnimate congelate; ...se si sa cosa fare, problema non c'è...
.
... poi ci sono gli altri suggerimenti sicuramente validi, che basterebbe provare per rendersene conto...
.
... ed al limite potresti usare il metodo del rollover tradizionale e storico, via codice in Oggetto HTML, semplicissimo; ...vedi Snake.Xenzia: http://www.ilcacciatoredinuvole.it/rollover/index.html
... se non hai urgenza e non vuoi metterci del tuo in un modo o nell'altro, dovrai attendere il prossimo upgrade, appena sarà risolto questo problema dallo STAFF tecnico...
.
ciao
Se lo hai provato, forse non hai letto questa frase scritta nel post sull'unofficial:
Ho scaricato le due immagini postate dall'autore di questo post e l'ho usate in un Oggetto Immagine, diviso la pagina in 5 colonne, duplicato l'oggetto e modificato i margini interni della seconda riga:
http://lemonsong.altervista.org/test_img_overlay/pagina-2.html
Se ti stai riferendo ad altro, prova a ripeterlo in modo che possa capire meglio, grazie.
@lemonsong: non ci sto capendo più niente...sta di fatto che lo script funziona...assodato...
Autore
Ho provato a fare come è descritto nel post di lemonsong, ho anche avuto avere l'accortezza di scegliere "Alto - Sinistra" come allineamento dell'immagine sovrapposta, ma se aggiungo più di tre colonne l'immagine non si sovrappone perfettamente.
Ringrazio ancora per la vostra cordiale disponibilità e spero che lo STAFF possa risolvere questo problema. Grazie a tutti.
Autore
Dimenticavo di aggiungere che ho anche disinstallato e reinstallato il programma website x5 evolution 11 pensando che il problema dipendesse dal mio computer. Il risultato però non cambia.
Spero soltanto nello STAFF. Grazie di cuore a tutti.
Buongiorno Alessandro,
Dipende dalla larghezza del template. Se le immagini non vengono ridimensionate perche piu grandi dello spazio disponibile allora si sovrappongono perfettamente. Se invece aggiungi piu colonne, le immagini principali vengono adattate allo spazio disponibile e per l'immagine da sovraporre devi usare le misure delle immagini riadattate dal programma visto che la grandezza è diversa.
Grazie mille!
Autore
Grazie Claudio. Ma come faccio a sapere le misure con cui il programma riadatta le immagini così da usare le stesse misure per le immagini da sovrapporre?
Se puoi, posta un link con la tua prova per vedere cosa stai facendo.
Lo script, come puoi vedere dall'esempio postato il 01/08 usando le tue immagini, funziona.
Autore
Gentile Lemonsong, ti invio in allegato la prova che faccio io. Spero possa esserti utile per capire l'errore che commetto.
Grazie, Alessandro.
Almeno un paio:
Non capisco perché non hai creato un file .iwzip se non sai cosa esportare.
Consiglio di rileggere il tutto con più attenzione:
http://www.unofficialwsx5.com/index.php?topic=2059.0
Autore
Grazie Lemonsong. Tutto risolto
Autore
Volevo soltanto chiederti se il valore 5 da modificare nel secondo script indica il numero dell'immagine su cui inserire la sovrapposizione b/n vs colore, cioè la quinta immagine di quelle inserite è l'immagine su cui avverrà la sovrapposizione, naturalmente con tutti gli accorgimenti (stessa dimensione delle due immagini, selezionando in Alto-sinistra nella immagine da sovrapporre). Grazie, Alessandro.
hai chiuso il Post mettendo come Corretto, quindi non ti potrà più rispondere nessuno....elimina il corretto e potrai andare avanti con il post...
@Alessandro
Potrebbe corrispondere alla quinta immagine ma se vuoi rilevare quel numero puoi visualizzare il sorgente della pagina oppure usare strumenti tipo "Analizza elemento" di Firefox e simili (su altri browser).
In allegato "Analizza elemento".