How do I create a magnifying glass zoom effect?

I'm building an image 'showcase of work' website site. Each html page features a selection of thumbnails on one side linked to a main image on the other.  I am trying to find out how to create something like a zoom effect 'magnifying glass' so that the user can hover over the main image to zoom in within a confined circle or square in more detail, which moves with the mouse whilst hovering over the image. I'm sure you all know what I mean!  (just in case, please see attached html file showing the page layout)  (I also don't want to get too techy/over complicate things as I'm learning as I go). I want to be able to use this feature throughout the site, therefore, I guess it's another CSS rule that I need to apply...?
I'm hoping someone can point me in the right direction to find some sort of step by step 'how to' do this.  I can't seem to find just what I'm looking for... maybe I'm not calling it by the right terminology!
I'm currently using Design Premium CS4 (predominantly Dreamweaver, Photoshop and a little Flash)
Cheers....

Hi
Magiczoom and lightbox are used for showing enlarged versions of images etc. similar to using a separate pop-up window (but without the annoyance of pop-up windows).
Anythingzoomer is a magnifying glass effect and works as such.
PZ

Similar Messages

  • Creating a Magnifying Glass graphic

    Hello Everyone,
    Anyone know how I could create a magnifying glass graphic using Adobe Photoshop?
    I did do a search but it mostly came up with instructions or info on how to create one that'll also actually have a "magnifying" or "glassy" look to it.
    While just I want to create a simple one, just containing a circle and an handle attached to it.
    Kinda like the following:
    http://www.iconfinder.com/icondetails/42437/32/alt_glass_magnifying_icon
    And in case you're wondering why I don't use the above, I'd like to create one with my own colors.
    I'd appreciate it. Thanks in advance!

    Noel Carboni wrote:
    The advice given above is great, but I'd like to toss out another idea:  Search the web for stuff like:
    magnifying glass Photoshop file
    You turn up some very nice free PSD file downloads that you can open and see how the designers did their stuff.  The first match with the above search in Google nets you a very nice example from psdgraphics.com.
    -Noel
    I'll second that. It always amazes me what you can find if you look. There must be a brush set for every contingency, for instance, and almost as many Shapes. I bet there is even a font out there that incudes a magnifying glass!

  • Create a magnifying glass on an image.

    I am pretty new to Flex. I am trying to create a magnifying
    glass for an image viewer. I want to move the cursor over an image
    that will zoom in on a 200X200 area. I don't want to zoom in on the
    whole image. I can see I can probably do it with the Bitmap class,
    but I do not see how I can cut out a piece of the original bitmap
    to display. Also, Flex seems to have a lot of similar features like
    Zoom, but I can't see how to use any of these cool features to do
    just what i want to do. Any help would be appreciated.
    Thanks

    The way I do this in Flash is to have a masked enlarged image
    on a seperate layer with the magnifier acting as the mask. The mask
    object is draggable, so it reveals to larger image as you move it
    around. There is some math involved to make it track like it is
    actually revealing the smaller image.
    The layering looks like this:
    mask object
    large image
    small image
    mask is a property of flash.display.DisplayObject and
    mx.core.IFlexDisplayObject. I haven't played with this yet in Flex,
    but I'm sure it should work similarly to what I've used in
    Flash.

  • Is there a way to create a pan and zoom effect in a lightroom slideshow?

    Is there a way to create a pan and zoom effect in a lightroom slideshow?

    Nope. Be a great feature. For that I use FotoMagico after exporting JPEG's from LR.

  • How do I create a line-Map animation effect

    How do I create a Line-Map animation effect?
    i am trying to highlight a 'Route' on a map.

    Are you using PSE or Premiere Elements? You can't do this in PSE. For PRE, better to ask in their forum, since very few of us here use it:
    http://forums.adobe.com/community/premiere_elements

  • How do I create in Illustrator the same effect of 'color burn' in Photoshop?

    How do I create in Illustrator the same effect of 'color burn' in Photoshop? I am trying to create a rainbow effect by bleding the colors but need this in Illustrator.

    Thanks! I found it! Thats what I needed!
    Serena Finn
    303.919.5239
    [email protected]
    finndesignshop.com

  • How to create a magnifying glass for image details

    hello,
    i am displaying an image with high resolution,so that the image on the screen has not the real resolution.
    to look at details i want to move the mousepointer over the image and in an area under the mousepointer there should
    appear the related part of the image with original high resolution,like a magnifying glass.
    so what can be a solution for this?
    thanks axel

    Hi
    I have created a sample here with Flex for
    magnifying glass in flex: 
    http://devsachinonflex.blogspot.com/2010/04/magnifying-glass-in-flex.html Sachin dev tripathi
    Flex Developer

  • How can I get the magnifying glass in Preview to work?

    I have the problem that the magnifying glass in Preview is simply a grey circle. It's not magnifying anything. Does anyone of you know where the problem is? How can I get it to work? Deleting the .plist files in the Prefs didn't do the trick. Thank you very much.

    I don't believe there is such a thing on the Mac Pro (trash can), but I did finally get something to work with a not-very-instinctive combination of System Preferences (select USB mic), Audio MiDi Setup (select USB mic), and Premier Pro Preferences, Audio Hardware (DO NOT select the USB mic, but rather the System Default Input/Output). No other combination worked (I tried them all), and when I tried changing Audio MiDi settings while Premier Pro was running, I'd occasionally get the endless spinning wheel that required a re-start. Even with all this, one channel was peaked-out with noise (source?) which I couldn't eliminate with any settings (can do it in post, however). Overall a disappointing experience. I don't know why the Audio MiDi Setup has to be involved, or why this was so difficult with my set-up (I'm not ruling out user error).
    Any further advice is more than welcome,
    David

  • Magnifying glass zoom tool

    Hi, Some of the new features in Edge Animate CC 2014 are welcome additions, particularly the scroll and zoom tools, but unfortunately the magnifying glass tool only seems to zoom in but not out. Select magnifying glass and click to zoom in, select magnifying glass and hold down alt key, still zooms in. Any chance of a fix?

    Hi Phildsb, This does work fine on my Mac and Windows systems. You can also use Ctrl+(or -) or Ctrl+scroll options to zoom in and out.
    Can you tel me which OS you are using? Also can you check if you have some keyboard shortcut already set that conflicts with this.
    -Sujai

  • How do I create this special lens flare effect?

    Hey all!
    So I was wondering how to create a lens flare-like effect. I should mention that I already know how to make the circle lens flare effect in after effects but I'm looking for more of a colored "wash" lens flare effect.
    The effect is in this video starting at 00:16 seconds, with the lady in the car and the pink/yellow hues bouncing around.
    http://vimeo.com/60631128
    Any help would be greatly appreciated. Or at least pointing me towards a tutorial or just the name of the effect so i can find a tut.
    Thanks all!

    First created shape layer that is Close to the base color you want for your flair. Second add fast blur or Gaussian blur of a value that is about half the size of your shape layer. Change the blend mode to add, duplicate, increase the blurb about 50%, duplicate repeat until you get what you want. Many times when creating this kind of an artificial lens flare effect I would use many different colors in the same flare. Sometimes I will make the layers 3-D and move them around in 3-D space.
    The only other really good option is to buy some stock footage of real lens flares and colorize them using color grading effects.
    by the way, one color grading and creating "light" affects you should always work with 32-bit projects.

  • How can I create a "Max Headroom" stuttering effect?

    Can anyone point me in the direction of a filter or steps to create a Max Headroom stuttering effect?
    Does anyone remember Max Headroom?

    Many sites ran how-to articles when ol' Max was on the air. The makeup was key to developing the character but editing was was fairly easy; you just need to decide the amount of effort and time you are willing to invest. Strobe effects will posterize the time and framerate but the skipping, replaying, sticking, jumping, and weird flutter cutting of juxtaposed frames takes work. Lots of work. Making it funny or clever is a lot more work.
    bogiesan

  • How do I create an orange flash transition effect using Adobe Premiere CS6?

    I am trying to create an orange flash transition effect using Adobe Premiere CS6 with my MAC computer.

    Try this:
    Add Cross Dissolve, cut and nest
    Add a Fast Blur to the nest and tweak as in first screendump
    Superimpose orange Color Matte and tweak as in second screendump
    Make (fixed) effects into presets for future use.
    Good luck.

  • How can I turn off the Moving/Zoom effect on my photod?

    When i insert a photo in my project the image keeps moving up and down and zooming in. I want it to stay still.
    How do I turn this effect off?
    My iMovie version is 10.0.6

    Hello Victor,
    What you are referring to is the Ken Burns effect. To turn that off, take a look at the article below and change the view from Ken Burns to either Cropped to Fill or Fit and it will not do the zoom in and out that you are referring to. 
    iMovie (2013): Modify a crop, rotation, or Ken Burns effect
    http://support.apple.com/kb/PH14718
    Regards,
    -Norm G.  

  • How can you create a flying through space effect?

    What would be the best way to create an effect, similar to what you see on Star Trek, where there are stars streaking past the camera? Would it work to create a small circle using a vector mask on a solid, make it 3D and put a motion blur on it whizzing it past a camera?
    Thanks.

    Without hijacking this thread, I want to create a similar effect of a "fly-by". I'm working on an intro for a show opener, the idea is to have video screens fly-by the camera on the left and right in 3d space. My biggest problem so far is arranging them in the composition, when I track in the camera on the Z-axis the screens behind seem to be overlaped by the front ones and don't get displayed the way I want them to. I know it may sound confusing but I trust you will figure out what I'm trying to do. I want to fly thru' a row of about 32 vidoe screens. A literal example is dollying thru' a long churh aisle or airplane aisle with the chairs on both sides of the aisle whizzing by.
    Please help me figure out the best and easiest way to arrange these screens.
    Many thanks!!
    JIM.

  • How do I create this line path/fade effect?

    Hi Guys,
    I was just wondering- i saw this clip and am wanting to recreate it in a different colour / slightly different, but really though the styling was great.
    I imagine it can't be too hard to accomplish in motion, but was unsure how to go about it.... i've made the swirl shapes in photoshop, but can't figure out the best way to 'reveal' the line (its not a simple line path really as the line changes shape/width/size)
    The video is here: http://www.worshiphousemedia.net/index.cfm?hndl=details&tab=MO&id=6610
    Many many thanks in advance,
    Adam

    this tutorial migth get you off in right direction, the drawing line one from same site is also really good.
    http://www.motionsmarts.com/tutorials/skywriting/skywriting2.html
    You could also try using masks to reveal different parts of your image over time by keyframing them? the more layers you have your original images on the more versatility you have - speed of revealing can vary as well as amount etc.
    hope that kinda-semi-helps : )
    simone*

Maybe you are looking for