In qualsiasi browser moderno, quando visiti un URL immagine (ad esempio, http://i.imgur.com/xrM9q.jpg), esso ridimensiona automaticamente l'immagine e ti dà la possibilità di "ingrandire" con una piccola lente d'ingrandimento. Questo non è sempre il caso con un iframe:Ridimensionamento immagine IFrame
<iframe src='http://i.imgur.com/xrM9q.jpg'> </iframe>
Se si collega un iframe per un'immagine, Firefox darà questo bel comportamento: si inizia a comportarsi come max-width: 100%; max-height: 100%, quindi è possibile fare clic su di esso per renderlo grande .
Tuttavia, in Chrome, l'immagine è di dimensioni ridotte. Prova ad aprire this example in Chrome e Firefox.
Come faccio a ottenere che Chrome gestisca le immagini "in modo intelligente"? Vale a dire, il comportamento predefinito mostra un cursore lente d'ingrandimento e fornisce il ridimensionamento automatico?
(Per chiarire: voglio che funzioni in un'estensione di Chrome. L'unica soluzione che ho escogitato finora è quella di inserire uno script di contenuto su tutte le pagine e modificare manualmente lo stile sulle immagini nella pagina. fa schifo, quindi spero in un metodo che sia meno hacky e non abbia effetto su tutte le pagine visitate dall'utente)
È possibile che si tratti di una scelta progettuale del browser. Non mi aspetto di ottenere questo tipo di funzionalità di zoom a meno che l'immagine non sia l'unica cosa caricata nel browser - FireFox sembra averlo aggiunto come funzionalità "bonus". –
Anche se si tratta di una scelta di progettazione, sto ancora cercando una soluzione alternativa per ottenere un comportamento dell'immagine "migliore" dai miei iframe. – Chuck
Non penso che ci sia un modo più ragionevole per farlo rispetto a quello che Joelio ha descritto nella sua risposta. Quello, o utilizzando uno script sul lato server per scaricare l'immagine, ridimensionarlo e posizionare la versione ridimensionata sul sito. Quindi, puoi associare un gestore di clic all'immagine, che la visualizzerà a schermo intero e quindi la versione ridimensionata al secondo clic. Puoi anche usare i CSS per aggiungere un bel cursore quando passi sopra l'immagine. – Kenny806