so I'd like to do something like this, but with videos instead.
http://workshop.rs/2010/07/create-image-gallery-in-4-lines-of-jquery/
I realize it might not be possible using only four lines of code, but the point of just pressing a thumbnail (img) and then show an embedded video instead of the image... can someone help me with that or point me in the right direction? I do NOT want a slider or use lightbox.
Related
i was wondering how can i create image slider like YouTube channel. when there is many video on a channel YouTube put them in a slider and we have back and forth button to see other video which doesn't show on the page and when we click on this back or forth button which are on different side of screen image start to move to left or right. two properties are important to me. 1. image slide from left to right or vise versa and 2. i can click on those image and go to another page.i mean image become clickable. i search image slider in Google but all i'v got was those image slider which we put under the banner for showcase. i don't know if the real name of this method is image slider. please give me a post or URL tutorial or even a YouTube video about create this kind of stuff. tank you very much
Yes, it's called an image slider.
Where do you want to use it? If you want to create your own, this question might help you: How to build simple jQuery image slider with sliding or opacity effect?
Have a look at this page for a multi-image-at-once slider implementation: http://bxslider.com/examples/carousel-demystified
Have a look at this website for a showcase of the different types of sliders available: http://www.jssor.com/
I want to an image gallery. On the left side all thumbnails are there. When i mouse hover into thumbnail, the full image will be displayed into the left side div or table. So please tell me the correct code or plugin or anything.
The image gallery exactly looks http://www.rakindia.com/products.aspx?subcat=SW-0000702
Please friends i am trying from 2 days i can't find any plugin and code. Please help me
(i AM TRYING FOR MULTIPLE IMAGES)
I would do it inline to save overhead. You do not need a plugin for such a simple request, not even jQuery, but pure javascript.
DEMO http://jsfiddle.net/8U3C7/
Swap the src image on mouse down
<img src="myFirstImage.jpg" onmousedown="document.swap.src='myFirstImage.jpg';" />
Although you didn't explain yourself clearly, this is a WORKING DEMO for you. Next time try describe yourself better in English, and show people at least what you have tried not to ask for a simple solution.
Uses just plain js and css.
function updateIMG(e) {
document.getElementById("preview").src = e;
}
try this plugin it's quite similar to against your requirement: Galleriffic
I'm working on a website and I'd like to add a photo gallery. The gallery should work as follows:
The gallery has a rectangle/box form. I have, let's say, 10 photos. 7 of them are displayed in a gallery, the rest is hidden. By clicking buttons "left" or "right" we can move photos in the given direction and so view a photo that was hidden (and hid a photo that was on the far left or right side). The gallery should be loop, so a button won't stop moving photos when it reaches the last photo, but start viewing photos from the beginning (starting with the very first one) instead. I know HTML and CSS, but, if I'm right, CSS itself is not enough to make such gallery. I think I need some Javascript code for this, but I don't know JS. I've searched on the net for JS gallery scripts, but none of them works and looks as I'd like them to work and look.
Try bxSlider. I think it offers exactly what you need.
I've got a image gallery where by the user clicks on a thumbnail, it then retrieves the image and displays it in a container. Now I've added 2 buttons to navigate between images, however I'm not sure how to make the rotation work.
Can someone have a look?
http://jsfiddle.net/calebo/QuXYV/
take a look at my blog, I guess this is exactly what u want.
http://mycodelove.wordpress.com/2011/09/18/simple-photo-gallery-from-img-in-li/
I need a javascript code for rotating images when clicked on. I would like to rotate about 5 images and have the script go back to the first image when all five images have been clicked on.
I have tried to solve this with behaviors in dreamweaver but with no sucsess. Can anyone help me with this problem! That would be great! I dont have any experience in coding.
Viktor
Rotate image clockwise or anticlockwise inside a div using javascript
something like this:
http://jquery.malsup.com/cycle/
?