Ubacit video umjesto slike, savjet

Sad imam kod:

<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="" alt="" /></a></div>

slika thumbs/01.jpg trebala bi ostati thumb slika ali bi na mjestu koje je sad fulls/01.jpg trebao ić youtube video,
kako to najlakše izvest jer ima jako puno toga na već gotovoj stranici pa treba puno toga mjenjat

Kako mislis napraviti klikom na sliku otvara video na drugoj stranici ili kao pop up na tvojoj stranici

kao popup treba otvarat

thumb je: http://prntscr.com/31qhx6 ,

a video bi trebo ić umjesto: http://prntscr.com/31qips

Za ovo ti treba neki modal box jQuery plugin, kao npr:

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

1 Like

http://fancybox.net

Pogledaj ovo :smiley:

1 Like

sve sam ih već isprobao ali negdje mi se javlja problem čim ubacim te fancybox pluginove jer na samoj stranici već ima sveg i svačeg, neki plesni studio pa se cijela stranica miče i trese na sve strane :slight_smile:

	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.poptrox.min.js"></script>
	<script src="js/skel.min.js"></script>
	<script src="js/init.js"></script>

i sad ja dodam još za taj video i ništa na stranici ne radi kako treba

Vidi dal imas ukljucene duple ove jquery.js i jquery.min.js jel kada imas duplu js datoteku kodovi se sudaraju i krešaju

Hmm… URL sajta je?
Firebug?

nema još urla, moram ovaj video nekako sredit pa da se onda digne stranica na web

Pokusaj izbaciti jedan po 1 js fajl pa ces naletit dje bugira i onda se bacis u gledanje koda :smiley: vjerujem da ce ti jquery.js bugirat samo

Ponekad je potrebno pogledati i ovaj dio koda:

<!--
Lightbox Gallery,  Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
-->

samo otić na navedeni link i sve piše…haha, cijelu večer se patim s ovim videom i tek sad vidim da sve lijepo piše u kodu i da nikakvi pluginovi nisu potrebni kad je već sve tu :slight_smile:

Hvala na odgovorima

ja sam tako nešto riješio jednostavno sa highslide scriptom

<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
  <a href="http://www.youtube.com/embed/JFs7iWuebLs?rel=0&amp;wmode=transparent" 
	onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, 
	allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 
	preserveContent: false, objectLoadTime: 'after'})"
    class="highslide"><img src="videocaz.jpg"></a><div class='highslide-caption'>
 "Božićna bajka - Čazma"</div>     		
 		
 		 <a href="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F83212782&amp;show_comments=false&amp;auto_play=false&amp;color=ff7700" 
	onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 150, 
	allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 
	preserveContent: false, objectLoadTime: 'after'})"
    class="highslide"><img src="videorad.jpg"></a><div class='highslide-caption'>
 HRVATSKI RADIO 1 - "Zagonetno putovanje"</div>