Using Bootstrap is there a way to overlay a glyphicon dropdown menu over a video (mp4) , or alternatively, can I make an mp4 a background? I've tried everything and can't get it to work. I can get the glyphicon to overlay the video, but can't make it function as a dropdown. I can also get the dropdown to work over a background, but can't seem to make the video work as a background.
Thanks,
Jon
You can adjust your dropdown menu div on video by using position absolute for dropdown div and use position relative for main content.
Related
1) I have a video website with a index.html (single-page), in which consider around 5 videos enclosed with a tag. In this for the video carousel, flex-slider is used. when the first video plays, I would like to hide the flexslider navigation arrows hide automatically and show when each video ends. I tried and did it in css by making 'visibility:hidden', but it hides permanently, I want it to show/hide during the runtime. how do I do it?
2) For the same video website, I would like to hide the video play-back controls auto hide. During the video plays, the playback controls should hide and it should visible only when the video ends.
Please help me in completing it
Thanks in advance
As you can see in the picture. The nav doesn't response on the screen size when I place inside the accordion.
I try to resized it using jQuery when the accordion collapse but it doesn't work also.
Does anyone have a solution to this problem?
IMAGE LINK
I have a relative div above a fixed one which acts like a navigation bar.
I want to be able to scroll past the relative div before the fixed div starts having to scroll here is my website.
as you can see from just scrolling on the site the sidebar doesn't work as intended.
Try using JavaScript to detect the scroll position of the window and then change the CSS to start scrolling like a fixed div.
Another tip, the the fixed div which contains your projects on the home page lays over your footer when you scroll to the bottom.
Use JavaScript to detect if the user is at the bottom of the page or not and then set the CSS of it to have a margin from the bottom of the page.
Hope I helped.
I want to make a dynamic animated slider with symbols that contain clickable actions vs a slider image only approach. I would like to use a "next" button and a "back" button that will scroll multiple background images that contain clickable links. I can produce a basic image slider with the back and next buttons, but this approach is limited. Any help on how I can do this in Edge Animate CC will be very appreciated.
I was looking for a very simple slideshow a while ago. Came up with this here:
http://jquery.malsup.com/cycle/
If you want your Slides to contain any clickable items you will be able to simply add them to the sides div. Just set the picture as a background image in CSS and you are free to develop any clickable items infront.
Here is another tutorial that worked fine for me: http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle
To me this is easy to understand and if you are used to jQuery at least a little bit this here will work out fine for you.
I'm trying to display exif info inside a div when hovering over a div element in the gallery (image or filename). It's easy enough to do outside of the gallery, but when I try to do it with a div element of the gallery, nothing happens because the content is being served up via jquery.galleriffic.js dynamically.
You can see the effect here when you mouseover the image:
http://forums.dpreview.com/forums/post/50833256
I have the exif info to display in a database, so I just need to know how to show/hide the div when hovering over the image. Trial and error would take me a while, so if you're an expert, I'd appreciate some advice on where to place the .bind("mouseover")... statements in jquery.galleriffic.js
This is a similar question, but the problem wasn't resolved:
jQuery Galleriffic issue with jQuery inline
Add the exif data to the "caption" area (defined in galleriffic.captionContainerSel), and show/hide with css when you hover the slideshow image.