Opzione sfioramento apertura finestra animated image su responsive
Autor: Giorgio leonardiBuongiorno a tutto il team, ho felicemente acquistato l'oggetto animated image e l'ho trovato molto pratico per l'utilizzo della mia vetrina promozionale . A suo interno ho inserito una serie di pulsanti che linkano nelle pagine di mio gradimento e che appaiono a seconda del settaggio della tendina. Il funzionamento è ottimale se la visione avviene su pc e tablet, il problema mi si presenta invece su smartphone perchè l'apertura della tendina non mi dà tempo e possibilità di premere sul pulsante desiderato, essendo i pulsanti stessi uno vicino all'altro.
Chiedo se e possibile fare in modo che nel passaggio su responsive e premendo nella parte centrale dell aimmagine la tendina possa aprirsi lasciando il tempo di selezionare il pulsante voluto.
Aggiungo qui il link per raggiungere la pagina e provare con smatphone nella prima inserzione quanto da me segnalato http://www.offerte-commerciali.it/offerte-in-corso.html
Qualsiasi consiglio è ben accetto.
Grazie
A me sembra che funzioni tutto regolarmente a parte le tre immagini che mancano...
forse dove hai agiunto 4 bottoni lasci poco pazio e quindi la pagina si apre subito...
aggiungdrei anche un foglio di style...
Ciao
Autor
Purtroppo il poco spazio è il problema,è per questo che chiedo se fosse possibile temporizzare il link eventualmente premuto nella fase di apertura della tendina in responsive, ovvero inserire un doppio click : uno click per aprire la tendina (magari temporizandola) l'altro click per selezionare uno dei tanti pulsanti presenti. Ovviamente è un idea per migliorare le funzioni di animated image.
Scusa a quali 3 immagini mancanti ti riferisci, io ho inserito volutamente 1 immagine nell'animated image ?
Prendo per buoni tutti i consigli, per quanto riguarda aggiungere un foglio di stiyle cosa intendi e come si fa ?
premetto che sono alle prime armi sull'utilizzo di X5 e tante funzioni non le conosco ancora.
Grazie
Per il foglio di stile in proprietà pagina >esperto>prima della chiusura di HEAD
<style>
.button {
background-color: #4CAF50; /* colore dello sfondo verde*/
border: none;
color: white;/*colore del testo*/
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
Mentre le foto adesso le vedo: forse con il cellulare data la grande quantità di immagini faceva fatica a caricarle tutte e impiegava molto tempo.
Per quanto riguarda la temporizazzione non si può fare ma il problema lo fa solo dove hai messo i pulsanti aggiuntivi rendendo la superfice quasi tutta sensibile al tocco.
Un'altra cosa: molti link si aprono nella stessa finestra facendo abbandonare il tuo sito al visitatore... sarebbe meglio aprirli in un'altra finestra...
Ciao
Autor
Grazie per il tuo consiglio,Giorgio C.