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:
Come un Programmatore PHP può Utilizzare le espressioni Regolari di PHP per aggiungere un attributo ad un Link
In questo script selezioneremo le informazioni degli utenti dal database utilizzando uno script AJAX che aggiorna le informazioni in tempo reale. Tale script risulta funzionale per un Programmatore PHP che vuole costruire applicazioni web dinamiche
Le espressioni Regolari sono uno strumento Utile e da Utilizzare per ogni Programmatore PHP, in questo script estraiamo da una stringa di testo tutti gli elementi compresi tra due Caratteri o Tag
Un semplice esempio AJAX e PHP consentirà  ad un Programmatore PHP di realizzare il proprio Form dinamico che verifica in tempo reale l'esistenza di uno username, facilmente adattabile dal Programmatore
Programmazione HTML5, un piccolo esempio sulla funzionalità di Geolocalizzazione


buzzoole code
Leggi altro:
JQuery e Javascript per lo Sviluppo di Siti Internet: Quando e Come?

Sempre più negli ultimi mesi, Le persone che mi contattano per Realizzare un Sito Internet o un Progetto Web si...

Chiudi