html 5 tag article con contenuto soundcloud

[joker83]

Buongiorno
sto lavorando ad un sito per un amico. Devo creare una finestra che si apre cliccando un immagine small e che fa apparire la stessa immagine grande con all'interno l'iframe soundcloud e quindi il brano musicale (il widjet lo fornisce soundcloud). Ho usato il tag article e varie impostazioni css prendendo il codice da un altro sito.
Non riesco però a capire come(dove) mettere il widject in modo che appaia solo dopo il click sull'immagine piccola.
Il codice è molto semplice.

<article class="item thumb" data-width="282">
							<h2>Toy</h2>
							<a href="images/fulls/toy.png"><img src="images/thumbs/toy.png" alt=""></a>
						</article>

Qualche dritta?
Graziee
:ilpirata:

 

[borgo italia]

ciao
se non ho capito male il problema tu devi aprire non l'immagine grande, ma una pagina con l'immagine grande e l'iframe

<article class="item thumb" data-width="282">
	<h2>Toy</h2>
	<a href="pagina.html" target="_blank"><img src="images/thumbs/toy.png" alt=""></a>
</article>

e la pagina.html

<iframe>...</iframe>
<img src="images/fulls/toy.png" alt="">

 

[joker83]

Grazie della risposta. Sto cercando di sfruttare html5 e css3 per realizzare sta cosa e non vorrei creare nuove pagine (sempre se possibile). L'ingrandimento dell'immagine avviene tramite css3. Sto cercando di capire in che modo.

:byebye:.

 

[joker83]

impossibile ispezionare l'elemento

La particolarità di sta cosa è che ingrandendo l'immagine (cliccandoci) mi appare un pop up con l'immagine grande. Però non riesco ad ispezionare questo elemento e capire come funziona. Spero di essermi spiegato