Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Prikaz videa v stilu

 
 
6.7.2010, 0:00

V lekciji imate prikazano, kako lahko enostavno izboljšate izgled video posnetkov in flash datotek na svoji strani.

Povezava do vsebine
 
 
 
30.11.2010, 22:30
Zdravo

Mam eno hitro vprašanje

Na strani kjer že imam vpeljano lekcijo prikaz slike v stilu, bi rad vpeljal še prikaz videa v stilu. Zatakne se mi ko dodam kodo za prikaz videa, nato mi preneha delovat še tista za slike. zanima me, če mi lahko prosim nekdo pove, kako pravilno vnesem, 2 kodi, ki sta sicer podobni a imata različen učinek, ne da mi potem ne dela nič

Koda za prikaz slik:
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />


Koda za prikaz videa:
<link rel="stylesheet" href="videobox/css/videobox.css" type="text/css" media="screen" />
<script type="text/javascript" src="videobox/js/mootools.js"></script>
<script type="text/javascript" src="videobox/js/swfobject.js"></script>
<script type="text/javascript" src="videobox/js/videobox.js"></script>


Vse skupaj pa bi vnesel v to kodo :

<html>
<head>
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
<title>Galerie</title>



Upam da mi bo kdo lahko pomagal:

 
 
 
30.11.2010, 22:46
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="videobox/css/videobox.css" type="text/css" media="screen" />
<script type="text/javascript" src="videobox/js/mootools.js"></script>
<script type="text/javascript" src="videobox/js/swfobject.js"></script>
<script type="text/javascript" src="videobox/js/videobox.js"></script>
Označi zadnjo kodo in jo nadomesti z zgornjo. Spletni prikazovalnik bi moral nato normalno prebrati vse in ti tudi prikazati slike in video posnetke v stilu.
 
 
 
30.11.2010, 22:59
Kot kaže si se srečal s problemom prekrivanja javascript framework knjižnic.

V splošnem obstaja več javascript knjižnic, ki so namenjene isti stvari.

Med bolj znanimi sta tudi Prototype, ki jo uporabljaš v prvem primeru, ter mootools, ki ga uporabljaš v drugem primeru. Drugače pa je trenutno najbolj uporabljana podobna knjižnjica JQuery.

Ker te knjižnjice uporabljajo isto sintakso za naslavljanje spremenljivk, med seboj privzeto niso kompatibilne.

Sedaj imaš več možnosti:

1. Prirediš kodo.
Zadnja verzija mootols vsebuje kodo za izogibanje konfliktov. Na žalost je prototype ne, zato boš moral narediti popravke v knjižnjici za efekte, kar zna biti problematično.
http://efreedom.com/Question/1-1722791/P....

2. Najdeš efekt za video, ki prav tako uporablja knjižnico Prototype.

3. Za oboje najdeš podoben efekt, ki isto stvar dela z jQuery. Izbire imaš kar precej. Poglej recimo stran:
http://line25.com/articles/rounding-up-t....



spremenil: podtalje (30.11.2010 ob 23.00.38)
 
 
 
1.12.2010, 0:04
Podtalje to je use skupaj nekako nerazumljivo zame hehe .. še nisem takšen strokovnjak

Realife: To kodo sem vnesel, namesto kode za prikaz slik, pa vseeno ne gre. Bi morala delovati zagotovo? Sem pa sedaj, brez javascript kode dodal video, ki mi ga pa pač celozaslonsko predvaja, kar mi pa niti malo ni všeč, in ali je možnost da ta video spravim na velikost recimo 600×450?
 
 
 
1.12.2010, 12:56
Koda od realife-a sem skoraj prepričan, da ne bo delovala, zaradi problema kompatibilnosti javascript knjižnjic, ki sem ga opisal v moji prejšnji objavi.

Komaptibilnost bi lahko dosegel s spremembo kode, vendar pa je tehnično to že kar precej zahtevno.

Na tvojem mestu bi posksuil z uporabo jQuery knjižnice ter Shadowbox:
http://www.shadowbox-js.com/

Ta zna predvajati tako slike, kot tudi video, tako da uporabiš samo eno knjižnjico.
Kako uporabiš Shadowbox, lahko najdeš na:
http://www.shadowbox-js.com/usage.html



spremenil: podtalje (1.12.2010 ob 12.57.03)
 
 
 
20.2.2012, 16:39
Pozdravljeni!

Link za prenos pri prvi sliki ne deluje, ali pa ni pravilen....?

 
 
 
20.2.2012, 18:09
Toomy:
Pozdravljeni!
Link za prenos pri prvi sliki ne deluje, ali pa ni pravilen....?

Sem popravil. Datoteka je bila že izbrisana.
 
 
 
11.1.2017, 16:14
vaš primer več ne deluje. prosim, da odpravite napako, tako da dodate primer, ali pa ga iz vsebine odstranite.

hvala
 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!