我的目标是根据我在地址栏中指定的URL在colorbox中打开媒体资源。使用javascript从URL调用colorbox
主题已经在网络上讨论过了,但我似乎无法使用加上'?open = true'的url加上URL来打开特定的视频。
HTML代码
<ul> <li class="media-row">
<a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&height=400px&title=&inline=true#colorbox-inline-1"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33340864.jpg"></a><div style="display: none;"><div id="colorbox-inline-1"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-1">
<iframe width="600" height="375" src="http://player.vimeo.com/video/33340864?fullscreen=1&show_title=1&show_byline=1&show_portrait=1&autoplay=0"></iframe>
</div>
</div>
</div></div>
<h3>Sample Video</h3>
<p>Lorem ipsum dolor sit ame
</p>
</li>
<li class="media-row">
<a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&height=400px&title=&inline=true#colorbox-inline-2"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-9445708.jpg"></a><div style="display: none;"><div id="colorbox-inline-2"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-2">
<iframe width="600" height="375" src="http://player.vimeo.com/video/9445708?fullscreen=1&show_title=1&show_byline=1&show_portrait=1&autoplay=0"></iframe>
</div>
</div>
</div></div>
<h3>Custom Video</h3>
<p>Lorem ipsum dolor sit amet, conse
</p>
</li>
<li class="media-row">
<a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&height=400px&title=&inline=true#colorbox-inline-3"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33989254"></a><div style="display: none;"><div id="colorbox-inline-3"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-3">
<iframe width="600" height="375" src="http://player.vimeo.com/video/33989254?title=0&fullscreen=1&show_title=1&show_byline=1&show_portrait=1&autoplay=0"></iframe>
</div>
</div>
</div></div>
<h3>Keor limpon</h3>
<p>Med borla dorla shoe
</p>
</li>
</li>
</ul>
JS
var
vars = [],
hash,
hashes = window.location.href.slice(window.location.href.indexOf('?')
+ 1).split('&');
for(var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
$(".colorbox-inline").colorbox({open:vars['open'] == 'true' ? true : false});
有什么问题? – 2012-01-03 20:52:24
问题是我无法找到打开colorbox的方法。我在这方面的知识是有限的。从我的理解:我将colorbox分配给var,检索锚点散列,然后根据散列值打开colorbox。也许像http://url.com/#colorbox-inline-2?open=true。但是我根本无法打开它。 – arkjoseph 2012-01-03 21:00:19
我认为你正在寻找一个聊天室。 – 2012-01-03 21:01:05