ImageFlow + HighSlide dimmingOpacity option - javascript

I use Imageflow carousel combined with HighSlide image thumbnail viewer. I joined them together as it's described in the documentation here. It looks like everything works well. The only thing I can't figure out how to make work is dimmingOpacity option. It fills all the background with the color I set when the image pops up with HighSlide. I did all how it's described in the documentation and tried other variants but couldn't make it work.
The demo page is here. There is a Products link on the left, clicking on that you will get to the gallery.
What can I do about this?

I solved the issue by replacing highslide.js with highslide-full.js. Now it works fine.

Related

Google images view mode example

I would like to implement a google images kind of view of images(and other details) on click.
When a image is clicked, additional data expands under it with a arrow pointing to the starting position and when an other image is selected the first one collapses and the other expands. Does something like that exists(open source) or is there only the option to implement it myself?
Screenshot of what I mean:
Thank you
Photoswipe is a great responsive javascript library.
This is a link to an example of Photoswipe.
You can add caption, customize backgrounds very similar to google image search.
Once you click on the photo Photoswipe will let you display your images on your page using standard html, css and javascript. You can add captions as you see below.
Attached Detailed Guide for Photoswipe

When I Mouse Hover Into An Image That Image Displays Into Another Div Or Table Colums?

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

Incorrect work jquery plugins bxslider with plugin elevatezoom

I'm begginer in programing. I'm trying to use jquery plugins elevatezoom and bxslider. And I have a little problem.
What I have
When I choose one picture from the box, which was created by bxslider plugin, as I understand, the other became invisible, but still exist at the page (in my example at the left top of the page). And when I mouseover this block, the elevate zoomer plugin understand it as a picture for zooming, and start to zoom it. As a result,the page works incorrectly.
Does anyone know how to solve this problem?
I also can give the link to the live project
Maybe you could try to add a class to the active slide object like here and then create an if statement for active slide objects only.

What's the name of that lightbox script that has this Apple look & feel?

I believed jQuery had it, but now I see the lightbox of jQuery isn't the actual cool one.
I'm talking about this light box in particular: http://tapbots.com/software/convertbot/ (click on the play video button, and the lightbox appears).
They seem to use exactly the one I'm searching, but have modified some of the graphics. The original one has a black rounded button on the upper left with a fat white X inside. Googling for lightbox brings up lots of stuff from photography to weird and ugly lightboxes with CSS only. I want
The site you linked is using MooTools and the FancyZoom plugin, so if you're on jQuery you'll have to go with a close equivalent.
I think you're talking about FancyBox by the description, but I'm not 100% clear.
Not a centered one, but SimpleModal also has an OS X look and feel, check it out here.
fancybox?
try this : http://flowplayer.org/tools/demos/overlay/styling.html

jQuery Slideshow + Click to Enlarge (LightBox and ColorBox)

The Question:
I would like to use the slide-show I currently have in place BUT with the option of clicking the image to enlarge. Enlarge would use a lightbox (you know, all fancy pants style)
Here is the page I am working with as an example:
http://newsite.702wedding.com/valley-of-fire-weddings.aspx
The slide-show is on the right, again, I just need to be able to click the image and enlarge it. While maintaining the arrows functionality.
Any Help Would be Greatly appreciated.
Search colorbox, it is very popular, very light, very versatile. But my personal favourite is Fancybox.
I recently had to do something similar and couldn't find anything already out there. So I combined Fancybox with tinySlideshow.
http://jsfiddle.net/AmT8x/23/
It's not the cleanest solution, but it did the job I needed it for.

Categories