I will have a group of 20 items and the user will be able to select up to three of them. After clicking a compare button, it would load a video for each item and play them back one right after another, seamlessly with no transition.
Is this possible using JQuery? Would a plugin be needed?
I am having an issue with flash that are being called using javascript not playing .
Here is an example of one of the pages: [url]
This page is referencing a file called terry.js
For some reason the flash banners we use work just fine: [url]
Its only the videos that aren't working. We are referencing the videos the same way we reference the banners with the exception of the their class names.
The weird thing is that these videos were working just fine last week but now they simply do not display.
I've been trying to add embedded youtube videos to the carousel but so far without success. The videos are all over the screen, even when I wrap them in div. Has anyone ever done this and could help me?
View 2 Replies View RelatedVideos inside tabs play at the same time in IE but works fine in Mozila Firefox : I'm using Simple Tabs with CSS & jQuery but I am having issue with I.E., Chrome I've videos in 3 different tabs, but in I.E & Chrome all tabs starting playing when pages loads but in Mozila Firefox it starts playing when u click on tab. I want each tab to starts works when someone click on it (starts fresh).
View 3 Replies View RelatedI want to know how to Upload images or videos through drag and drop (jquery or html5 tools)
View 1 Replies View RelatedVideos inside tabs play at the same time in IE but works fine in Mozila Firefox : I'm using Simple Tabs w/ CSS & jQuery but I’m having issue with I.E , Chrome I’ve videos in 3 different tabs , but in I.E & Chrome all tabs starting playing when pages loads but in Mozila Firefox it starts playing when u click on tab. I want each tab to starts works when someone click on it (starts fresh)
View 3 Replies View RelatedI'm using a template from templatemonster: [url]
This template is using gallerific with jquery, for some reason the fade of the template is not working on IE8 and IE9.
It is not problem of the original script as the fade works very well as you can see at: [url]
The code of jquery-1.3.2.js and jquery.galleriffic.js is exactly the same as I'm using the same files...
The only difference is that the template is using some custom code as follow:
I'm looking for a video/image gallery which will display my movies just like that code...
I know that I could do it via css but what is important after clicking on a specific movie it will display like that code...
Is there any way to solve it? I dont want to implement every movie standalone with css.
I want to be able to display an embedded video on a web page but i want the URL to be different based on the source IP visting the web page.Can this be done in javascript?Example: If someone from inside our network (one IP address on the outside) visits our external web page (hosted externally) visits a web page with one of the embedded videos the URL and code will serve up a locally hosted video. (WMV format)
View 3 Replies View Relatedwhat is the best way to play videos in an html page?? i need to play videos in my site... what is the fastest way to play videos in a normal speed (not slowly)
View 1 Replies View RelatedIs there anyway i can load or swap between videos on a main flv player by clicking on there assign buttons with javascript. I have a page in my portfolio which have three icon that when click should player a video into the main player on that page,
View 3 Replies View RelatedI have been able to have a series of images fade in and out with the following Jquery code:
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child')
[Code]....
However, I want to add two buttons: Stop and Resume. I would think that interval needs to be stopped and restarted, but I do not know where or how to add that.
I have a question about using embedded Google Videos on my site. Does
anyone have tips for allowing user to switch between videos (5) on the
same page? The caveat is that only one would be showing at a time. I
imagine it would require javascript coding. If so, would you have any
examples?
I'm attempting to create a mini slide show of rotating image. I'm using jquery cycle lite: [URL]
and png fix [URL]. I've used both before and don't seem to conflict with each other. However, in previous incarnations I was applying the cycle to a set of inline images. This time, I'm attempting to cycle through a set of DIVs using background images. [URL]. (See the image in the upper left with the colored border). As you can see, it works fine in Firefox. In IE6, it works, but the PNG transparency flickers on and off. In IE7, the entire image flicks on and off. Either with these particular plugins or another combination?
Is it possible to fade the transition between switching one CSS to another? I am currently using
jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building and current CSS and div transition timings: [URL].
I'm new to jquery and am experimenting with implementing it into my existing work. I've got the cycle plugin working pretty well, only the 'turnDown' transition I want to use only appears to work on images. All other transitions seem to work fine with both content and images. I've done loads of searches on this but can't find anything specifically related to this...
Below is a link to where I'm at with it - the first 2 transitions are images and work as expected, giving that 'squashed' look as they slide in and out. The next 2 are divs, with an image, heading, and a paragraph inside - they seem to just 'drop' out which has a completely different effect and not what I want [URL]. Is there something in the plugin code itself I can tweak to make this happen, or is this particular transition intended for just images?
I have a div, which I would like some images to rotate as the background-image so it is a slideshow. In additional, I want a fade in/out effect between the image transition.
View 3 Replies View RelatedI'm writing a blog post that uses multiple videos from YouTube and Yahoo Video, but I'm not happy with how long it takes the page to render. Apart from using an ajax-y method to load the videos, are there any tricks that would make the page load quicker with multiple videos from different sources?
View 6 Replies View RelatedI'm trying to make a customCycletransition. I want the slide to scroll left or right and simultaneously fade in or out to be revealed or disappear. To handle both directions in one transition I'm basing it on the built-in scrollHorz transition, which looks like
this:$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
$cont.css('overflow','hidden').width();
opts.before.push(function(curr, next, opts, fwd) {
[code]....
This makes the slide that slides out fade as expected, but the slide that slides in doesn't fade. It is suddenly made visible before sliding in. So it ignores the opacity that I set on line 9.
In IE8, Cycle appears to be applying styling _after_ the transition, and it produces a weird visual effect.
Take a look at the bottom demos in IE8 on the Intermediate-2 examples from the Cycle site. See how the styling on the font changes after transition? [URL]
I've been running this test cycle plugin slideshow now for over a week..[URL]..but starting today all of a sudden am getting this error in Firebug console: [cycle] unknown transition: scrollHorz ; slideshow terminating even if I switch to transition:'none' I get error: [cycle] unknown transition: none ; slideshow terminating I haven't changed anything, I don't get it[URL]..
View 2 Replies View RelatedI am running into an issue with gallerific plugin where I would like to be able to run code to get the height of the currently displayed image directly after it has finished transitioning onto the page. So for example when the script completes the load of the first image code would run to get it's height, and then each time the user navigates to an image, once the transition to the new image completes get it's height. It seems like all the currently available options to run code happen before the new image is displayed.
Does anyone know how I could accomplish this? I did a lot of running through the code in firebug with breakpoints but can't seem to figure out where the actual image transition completes and the attributes of the new image are available for retrieving. I was hoping maybe someone has done this already or has a lot of experience with gallerific and can point me in the right direction.
The transition could be anything but I'd most like it if it was the fade in / fade out effect
View 3 Replies View RelatedI have two questions regarding JQuery Cycle
How to add 'slideHorz' transition and 'pager' options in JQuery Cycle Lite?I don't want to use the full version of JQuery Cycle because it would be too much for my purpose.
Also,Is that possible to use our own thumbnail as the anchor?
I am looking for some jQuery plugin or tutorial which can offer me page transitions similar to [URL]...
View 1 Replies View RelatedI'm trying to change the background image of a button. Using the css() function changes the background instantly. Is there a way to do a crossfade effect?
[Code]...