Programmatore PHP | Script PHP | Script JQuery | Script Responsive | Consulenza Social | Codice PHP | Script Javascript | Sviluppo Mobile | Sviluppo PHP

Inserire una gallery Flickr in HTML responsive e visibile da iPad e iPhone



Fatto questo con un semplicissimo iframe HTML si potrebbe includere la gallery nel proprio sito:

&lt;iframe src='https://www.flickr.com/photos/<strong>nomeutente</strong>/sets/<strong>id_del_set</strong>/player/' frameborder='0' id="iframe"&gt;&lt;/iframe&gt;

Questo iframe però non è Responsive, quindi utilizziamo css per far in modo che l’iframe al tipo di device utilizzato.

Inseriamo nello stile CSS del proprio sito le seguenti classi:

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

e infine includiamo il nostro iframe tra queste classi:

&lt;div class='embed-container'&gt;&lt;iframe ...&lt;/div&gt;

Ora in maniera semplice ed efficace e senza essere un Programmatore PHP siamo riusciti ad inserire la nostra gallery flickr all’interno del nostro sito.

L’unico piccoli limite e che l’iframe non aprirà le foto con target _blank.

Se avete idee, consigli o domande su questo piccolo script, scrivetemi pure.

PER ULTERIORI INFORMAZIONI:

Daniele Tabacco
Programmatore PHP | Web Developer | Consulente Web e SEO

PHP - MySql - AJAX - HTML5 - JAVASCRIPT - CSS - JSON/XML - JQuery
WebApps, Applicazioni, Realizzazione Siti Mobile per iPhone e Android
Programmatore PHP - Consulente Web Marketing Napoli, Roma, Milano, Firenze.
Tel.+39 329.11.73.918
email: daniele.tabacco[at]gmail.com
skype: daniele.tabacco

Il tuo nome (richiesto)

La tua email (richiesto)

Oggetto

Il tuo messaggio

 


POTREBBE INTERESSARTI ANCHE:
Ottimizzare i Contatti ricevuti dal Proprio Sito, per vendere i propri Servizi è possibile. ecco alcuni consigli per un Programmatore PHP o Gestore di un Sito.
Sviluppo Applicazioni iPhone e WebApps per iPhone per portare il tuo sito su dispositivi Apple iPhone, e rendere i tuoi contenuti interattivi e consultabili ovunque.
E' Possibile inserire Grafici in una Pagina Web del tuo sito internet? Se sei un Programmatore PHP ma anche se non conosci bene il codice puoi creare grafici per il tuo sito utilizzando le API Google Chart
HTML5 contiene una serie di funzionalità minori che consentono nuove possibilità per un Programmatore PHP, come ad esempio la possibilità di upload di file multipli con un solo campo input HTML
L'epoca dell'antica pagina Dove Siamo è morta, il web va verso l'aggregazione di informazioni e servizi interattivi, allora perchè non utilizzare le API di Google Maps è un Programmatore PHP per rendere dinamico lo Sviluppo di un Sito Internet


buzzoole code
Leggi altro:
Inserire i commenti di una Bacheca Facebook sul tuo sito

Come sto scrivendo spesso nei miei ultimi articoli sia nella sezione Consulenza Web che Programmatore PHP, sono sempre più convinto...

Chiudi