Al click cambiare immagine con video

[eee]

Ciao a tutti,

nella gallery del mio sito sto' usando un javascript dove quando clicco le immaginine thumbnails l'immagine grande principale viene sostituita.

Per fare questo uso questo javascript

function movepic(img_name,img_src) { document[img_name].src=img_src; }

Che poi richiamo cosi' sulle varie thimbnails

<a href="#" onclick="movepic('simple_bridging','img/works/big/simple_bridging/simple_bridging_01.jpg'); return false">

Questo script funziona benissimo, ora pero' vorrei potere fare lo stesso con un link che quando viene cliccato mi carica un video al posto dell'immagine principale.

Non essendo esperta di javascript ho provato cosi

<a href="#" onclick="movepic('simple_bridging','img/works/big/simple_bridging/simple_bridging.flv'); return false">

ma non funziona...

Qualcuno mi puo' dare una mano?

[lucavizzi]

non puoi assegnare un file flv alla source di un tag <img />
dovresti rimpiazzare l'immagine con un player di flv, ne usi già uno nel sito?

al limite, potresti usare il tag <video /> di HTML5 ma è supportato solo dai browser aggiornati all'ultima versione.

[eee]

Ciao luca

grazie per la risposta.

L'opzione del tag <video /> non mi piace molto perche' e' probabile che molte persone che guardano il mio sito non abbiano i browser aggiornati, quindi vorrei che il codice fosse HTML4.

Al momento non sto usando nessun flv player. Come faccio a rimpiazzare l'immagine con un flv player?

[lucavizzi]

Basterebbe semplicemente nascondere l'immagine:
document[img_name].style.display="none";

e mostrare il player
document[player_name].style.display="block";


l'HTML sarebbe:

[*]<!-- tag che contiene l'immagine, ipotizzo list item

    [img]path/immagine.ext[/img]

    <div id="video1" style="display:none:">
        qui ci metti il player
    </div>

[eee]

mmh

aspetta, non capisco 2 cose:

1. Come faccio a far si che il video compaia al click su un link nella pagina?

2 Il div con il dsiplay:none comparirebbe sotto l'immagine, io vorrei che si sovrapponga perfettamente...

[lucavizzi]

gli elementi non display:none non vengono visualizzati (sono nascosti, è come se non ci fossero)
L'idea era di nascondere l'immagine (applicargli il display:none)
document[img_name].style.display="none";

e mostrare il player (che passerebbe da display:none, invisibile, a display:block, visibile)

[eee]

ok,

ora ho capito il display non e block, pero' siccome sono un po' imbranata

non capisco come e dove mettere il document[img_name].style.display="none";

Il mio tentativo e' stato di metterlo nel link (che mi fara' comparire il video):

a href="#" onclick="culinary.style.display="none";

Culinary e' il nome e ID dell'immagine da nascondere...

Aiuto!

[lucavizzi]

Originariamente inviato da eee
ok,

ora ho capito il display non e block, pero' siccome sono un po' imbranata

non capisco come e dove mettere il document[img_name].style.display="none";

Il mio tentativo e' stato di metterlo nel link (che mi fara' comparire il video):

a href="#" onclick="culinary.style.display="none";

Culinary e' il nome e ID dell'immagine da nascondere...

Aiuto!

ci sei andata vicina

onclick="document.getElementById('culinary').style.display='none'; document.getElementById('ID_DEL_CONTENITORE_DEL_PLAYER').style.display='block';"

[eee]

Funziona perfettamente!

Grazie mille!!

[lucavizzi]

Originariamente inviato da eee
Funziona perfettamente!

Grazie mille!!

This can be real