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:
Una breve e intuitiva guida all'utilizzo di htaccess utile ad un Programmatore per la gestione dei Redirect 301 e del corretto indirizzamento da vecchie URL di un sito a Nuove URL.
Il codice Javascript che potete utilizzare per interrogare le API di Facebook e ottenere le reactions relative da trasmettere Live su Facebook
Utilizzare PHP e le librerie GD per imprimere un immagine su un altra immagine, Watermarking con PHP e per Programmatore PHP
Realizzare un ecommerce, grazie a Wordpress e WP e-commerce. Gli strumenti giusti per un Programmatore PHP che voglia realizzare un e-commerce
Una breve Guida MySQL per spiegare come poter selezionare diverse righe della stessa tabella e raggrupparle per un determinato valore.


buzzoole code
Leggi altro:
Sviluppare un Sito Web

Sviluppare un Sito Web per la propria azienda o attività è un investimento ma anche e soprattutto un opportunità, quindi...

Chiudi