javascript - Can't get colorbox js to load -
I'm having trouble integrating colorbox.js in the site that I'm given to work because I can not find it to show something (though I want it to show a video) Can someone see my code and tell me what I have done?
HTML Javascript (obviously I've loaded the jQuery script after the colorbox script) Fool is because it was a late coding session fault, I just wrapped Needed on an onload, like this: & lt; Div id = "bl_hp_quickLinkBoxLeftThree" & gt; & Lt; One square = 'inline' href = "#inline_content" & gt; Mole shell! & Lt; / A & gt; & Lt; / Div & gt; & Lt ;! - #bl_hp_quickLinkBoxLeftThree - & gt; & Lt; Div id = "bl_hp_quickLinkBoxRightThree" & gt; & Lt; P & gt; This is some content & lt; / P & gt; & Lt; / Div & gt; & Lt ;! - #bl_hp_quickLinkBoxRightThree - & gt; & Lt; Img src = "./ images / quicklinks / verso.png" / & gt; & Lt; Div style = 'display: none' & gt; & Lt; Div id = 'inline_content' style = 'padding: 10px; Background: #fff; '& Gt; & Lt; Video Control = "Control" Poster = "/ Video / Company_Video_ EN_VERSION.jpg" Style = "Width: 100%" Title = "1280" & gt; & Lt; Source src = "/ video / company_video_EN_VERSION.m4v" type = "video / mp4" /> & Lt; Source src = "/ video / company_video_EN_VERSION.webm" type = "video / webm" /> & Lt; Source src = "/ video / company_video_EN_VERSION.ogv" type = "video / ogg" /> & Lt; Source src = "/ video / company_video_EN_VERSION.mp4" /> & Lt; Object type = "app / x-shockwave-flash" data = "/ video / flofox.sfl" width = "1280" height = "720" style = "position: relative;" & Gt; & Lt; Param name = "movie" value = "/ video / flashfox.svf" /> & Lt; Param name = "allowFullScreen" value = "true" /> & Lt; Ultimate name = "flashvars" value = "autoplay = true & amp; control = true & amp; fullScreenEnabled = true & amp; posterOnEnd = true & loop = false & amp; poster = / Video / Company_video_EN_VERSION.jpg & amp; amp; src = Company_video_EN_VERSION.m4v "/ & gt; & Lt; Embed src = "/ video / flashfox.svf" width = "1280" height = "720" style = "position: relative;" Flashvars = "control = true & amp; fullScreenEnabled = true & amp; posterOnEnd = true & amp; loop = false & amp; poster = / video / company_video_EN_VERSION.jpg & amp; src = Company_video_EN_VERSION.m4v "allowFullScreen =" true "wmode =" transparent "type =" app / x-shockwave-flash "plugins page =" http://www.adobe.com/go/getflashplayer_en "/> & Lt; Img alt = "company video en version" src = "/ video / company_video_ EN_VERSION.jpg" style = "status: absolute; left: 0;" Width = "100%" title = "Video playback is not supported by your browser" /> & Lt; / Object & gt; & Lt; / Video & gt; & Lt; / Div & gt; & Lt; / Div & gt;
$ (".inline") .colorbox ({inline: true, width: "50%"});
$ (document) .ready (function () {$ (".inline"). Colorbox ({inline: true, width: "50%" });});
Comments
Post a Comment