Jquery Cycle Plugin - Help - Making a gallery with both JPG and MOV files (Pictures and Quicktime movies).
Hello All !
I am trying to combine images and movies in the same cycle gallery.
I tried it in two ways:
Option 01:
This code the movie is embedded like any image in the gallery, however once it is clicked on, the gallery breaks.
html:
[code]
<div id="galleryeyg">
<a id= "eyg1"> <img class="image" src="images/eyg01a.jpg"/> </a>
<a id= "eyg1"> <img class="image" src="images/eyg02a.jpg"/> </a>
<embed src="files/video/eygclipping.mov" width="640" height="496" controller="true" autoplay="false" href="EYG.mov" target="myself">
</div>
[/code]
Option 02:
This is the only way I got it to work, however the movie becomes it's own entity and is not part of the gallery
(a _blank attribute works, but I am trying to get it play within the gallery).
html:
[code]
<div id="galleryeyg">
<img id="eyg1" src="images/eygn0.jpg"/>
<img id="eyg2" src="images/eygn00.jpg"/>
<a href="files/video/EYG.mov" target="_blank"> <img class="image" src="files/video/eygclipping.jpg"/> </a>
[/code]
the jss is the same for both:
[code]
$ (function () {
$('#galleryeyg').cycle({
fx: 'fade',
speed: 600,
timeout: 0,
prev: '#prev',
next: '#next, #eyg1, #eyg2',
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
return '<a href="#"><img src="' + slide.src + '"/></a>';
}
});
});
[/code]
live samples are at:
www.talamiram.com/option1.html
www.talamiram.com/option2.html
My Question has been up for almost a week now and as of now has 39 views, but no replies.
If I posted it in the wrong place, or it's misunderstood, unworthy, or anything else, please let
me know and I will clarify, post other samples or anything else that can help me get some help.
Thanks