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:
Il futuro dei Progetti Web è sempre più orientato all'aggregazione di Social Media ecco perchè come Programmatore PHP e Consulente Web vi mostrerò un plugin realizzato da me per l'integrazione della Fotogallery Flickr all'interno del proprio sito
Realizzazione di Siti Internet, Esperto Realizzazione Siti Web Ottimizzati Per i Motori di Ricerca, Consulenza SEO, Consulenza Web Marketing.
Migliorare la Propria Visibilità, Ottimizzazioni SEO del Vostro Sito, sono tutte fasi che non possono essere improvvisate ma affidate ad un Bravo Consulente SEO, ecco come sceglierlo.
Script PHP che permette di leggere il contenuto di una directory utilizzando le funzioni opendir,readdir e closedir
Realizzare un Sito Web con un Design Responsive, vuol dire realizzare un prodotto compatibile con le diverse tipologie di soluzioni Mobile e quindi merita la giusta importanza tra i Web Developer


buzzoole code
Leggi altro:
Creare e Inserire Grafici in una Pagina Web con PHP

Sempre più spesso come Programmatore PHP, realizzando un sito internet, un'applicazione web o un gestionale online trovo necessaria e importante...

Chiudi