I am using photoswipe and swiper plugins for my website. I have fetched photoswipe gallery inside a swper-slide class which is working fine. The problem when I try to swipe the swiper slide the photoswipe thumbnail gets clicked on and brings out the overlayed gallery. I need to stop the photoswipe click function while I swipe the swiper slide.
Related
I want to create a header image / banner that, when a play image is clicked, expands vertically to play a video hosted on YouTube.
This page shows exactly what I'm trying to do:
blendedlearningnow.com/about.
I'm not sure if this is a function available through the JWPlayer or some other code.
It does not appear that this is functionality inside JWPlayer. You could do it with jquery and .slideDown() http://api.jquery.com/slideDown/
I am trying to add custom controls to an embeded YouTube player. I am overlaying a html menu. However, when a user clicks on the full screen button within YouTube my html menu will no longer be available on the larger player.
There are two possible solutions I foresee.
First, if I could figure out the element that is generated for the fullscreen player then I could overlay controls on this.
Second, if I could grab the fullscreen click event I could use javascript to get the current available window demenisions an scale the video to the available realestate.
I found this: https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode?redirectlocale=en-US&redirectslug=DOM%2FUsing_full-screen_mode
However, I am not sure if it would work in most browsers and second it looks like it is in the test phase.
The answers I am looking for are:
What is the element or how can I find the element that is generated for the fullscreen player?
Or
How can I capture the click event for fullscreen?
Do you want to capture the click anywhere on the screen or on a link in a menu?
If you want to capture the click on a link on a menu I think this plugin can be useful as an example:
http://www.seanmccambridge.com/tubular/
https://code.google.com/p/jquery-tubular/source/browse/trunk/js/jquery.tubular.1.0.js
I am writing a jQuery Mobile single page application.
In one of my divs (data-role="page") I have a few images (img elements) which I load in "pagebeforeshow":
$('#a1').attr("src", "images/smile.png");
When I first navigate to this page (using changepage), the image is displayed correctly, but if i click back and press the link to this page again, the image is not displayed.
If I use window.location (instead of changepage), everything work fine, but then I cannot control the transition (slide, flip etc').
Any ideas why is this happening?
Thanks!
Try using pagebeforechange instead of pagebeforeshow
I have a listBox in a win phone 7 app, and a icon image which in every list item.When I tap the icon image, some download work will be processed.If I don't tap the icon, just tap the selected item, page navigation should be executed.And now, when I tap the icon, the page was navigated to another page.If I want to tap the icon to do download work, but not the navigation, can anybody give me some advice? Thanks.
Instead of the button you could have associated an event Tap with Image inside your item template. I guess that should have worked too. Never the less great for you.
I have a mobile site with a youtube video embedded in a slideshow with left and right arrows overlaying the iframe. The arrows work fine before I click play. They are visible and clickable. Then I play the video and it goes full screen. When I click done and close it, the arrows are still visible on top but no longer clickable.
I have tried messing around with preserve-3d and adding the wmode=opaque to the src and iframe tag with no luck.
I am not having this problem with vimeo embeds, the arrows work before and after they play full screen.