Custom widget - rollover image to make a larger one appear and blur background

I am working on a Muse site. I am looking for a way to take an image (say an icon or small photo) and make it so when you roll the mouse over it, a larger photo appears and goes fullscreen - also the background would maybe slightly blur or some type of effect like that.
Does anyone know of a way to easily do this or if there is an effect I can purchase?

You can use composition for similar effect but yes this would not work with mouse hover action but user will have to click on content (image) , else you can use any zoom third party widget to enlarge an image with mouse hover.
Thanks,
Sanjit

Similar Messages

How do I clean-up iPhoto library in iMovie '08 and make my new ones appear?

I'm a graphic designer and I use Adobe Bridge to add metadata (keywords) to my pictures so they're searchable on the Internet - not just iPhoto (and iLife?) and after transferring all the image files from iPhoto onto my Time Capsule (external hard-drive) and deleting the Photo Albums from iPhoto, I created a new Album to import still frames/images to use in my new iMovie project. I cleaned out (emptied) my iPhoto trash to help free-up space on my hard-drive, too.
The problem I'm having is that my iPhoto library as viewed from iMovie - still shows all the old photo albums that I've already deleted and the new .PNG I imported doesn't appear; however, the old .JPG files I once had still appear with exclamation marks as the thumbnail images and I can't select or delete them. When I right-click on the iPhoto photo albums library within iMovie, I only get the option to open in iPhoto. I imagine there is some back door manipulation required to fix this. The iMovie and iPhoto software came pre-installed in my computer and I'm not so sure that re-formatting my computer with the start-up disc is the safe or correct answer.
I've been researching the iMovie forum to see if there is a file I should be able to access to fix a Cache file somewhere; however, I couldn't find any .xml files, cache files, or anything anywhere yet. Thanks in advance to anyone willing and able to share some knowledge. I look forward to resolving this troubling experience. My final goal is to use the .PNG file (which contains transparent data, unlike .JPG files which fill transparent data with white pixels) as a frame image if not as a floating graphic (i.e. picture-in-picture).

Sean in the iMovie technical support area (thanks to my lovely Apple Care plan purchase) answered my question about how to delete the iPhoto library, which I no longer use (because I use Adobe Bridge and Photoshop CS3 to browse my photos and update their Metadata to make the images searchable not only on my computer, but others who don't have iPhoto, or iLife as well; even PC users and Internet search engines - when the images are uploaded as-is - without compression and changes that occur when uploaded to image hosts such as Photobucket.com, etc.):
Go to: *Finder >* (click on) *Pictures >* (and on the right, see iPhoto Library, Aperture, etc.? Select those files and...) *Move to Trash*
Now when you look at the Photos Browser in iMovie (⌘2) the folder, files, blank thumbnails and junk are (thankfully) gone!
As for using images located elsewhere for use in iMovie - I just have to locate them via the Finder, then select the file, then drag-and-drop the image for immediate placement into the part of My Project where I want to use the image and repeat this method for each incidence I want the graphic to appear.
Unfortunately, I must upgrade to iMovie '09 if I want to be able to take advantage of the Picture-in-Picture feature, which would enable me to place a logo or image graphic in a video project while other parts of the production are playing, but I can still use the title feature to embed text information such as a business name and phone number or (website) URL pertaining to the project as a surrogate stamp, watermark, or creative signature, but no other graphic image files may be used here.

Flash CS6; AS3: How to load image from a link on one frame and addChild(image) on other?

How can I addChild outside the frame of images loader function? When I try to addChild on the other frame of the same loader, I get an error.
I need to download all my 10 images only ONE TIME and place it on the screen in the other frames (to the same movie Clip).
Also I can only play this as3 coded frame once. I know how to add an array of images, but I only need to understand how to do it with one image.
Here is my loader for one image..
   var shirt1 = String("https://static.topsport.lt/sites/all/themes/topsport2/files/images/marskineliai_png/215.pn g");
   var img1Request:URLRequest = new URLRequest(shirt1);
   var img1Loader:Loader = new Loader();
   img1Loader.load(img1Request);
   myMovieClip.removeChildAt(0);
   myMovieClip.addChild(img1Loader);

Symbol 'Spinner', Layer 'AS', Frame 2, Line 1
1120: Access of undefined property img1Loader.
[FRAME1]
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.*;
import flash.net.URLRequestHeader;
import flash.net.URLRequestMethod;
import flash.net.URLVariables;
import flash.events.SecurityErrorEvent;
function init(e:Event = null):void
    removeEventListener(Event.ADDED_TO_STAGE, init);
    var loader:URLLoader = new URLLoader();
    var request:URLRequest = new URLRequest("http://www.topsport.lt/front/Odds/affiliate/delfi");
var acceptHeader:URLRequestHeader = new URLRequestHeader("Accept", "application/json");
request.requestHeaders.push(acceptHeader);
request.method = URLRequestMethod.POST;
    //request.url = _jsonPath;
    loader.addEventListener(Event.COMPLETE, onLoaderComplete);
//loader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
    loader.load(request);
try {
                loader.load(request);
            } catch (error:Error) {
                trace("Unable to load requested document.");
init();
function onLoaderComplete(e:Event):void
    var loader:URLLoader = URLLoader(e.target);
    var jsonObject:Object = JSON.parse(loader.data);
var marsk1 = String("https://static.topsport.lt/sites/all/themes/topsport2/files/images/marskineliai_png/215.pn g");
var img1Request:URLRequest = new URLRequest(marsk1);
var img1Loader:Loader = new Loader();
img1Loader.load(img1Request);
_2.removeChildAt(0);
if(_2 != null)
_2.smoothing = true;
//    the addChild which works when on frame one
//_2.addChild(img1Loader);
[FRAME2]
_2.addChild(img1Loader);
p.s. I removed the unnecessary code like other movieClips. It works then addChild function is on frame one.
I'm kind of new to as3. I started using it this month so sorry if it's the obvious mistake.
How to make flash recognize the loader?

Unable to click on images to make them larger

On clicking on the small images on that famous auction site *bay the images should get larger, but they dont.
Tried it on Safari and Firefox both the same, dont think anything else is wrong

Nny idea of what the above feature is called?

Rollover one invisible movie clip and make a different one visible and the reverse

This is a very simple thing I want to do: show informational popups when an area of the screen is rolled over. I was able to get this working in action script 3 with MouseEventListener and the visible =true/false property but can't seem to get it working correctly in AS2. I need AS2 for backward compatability with Captivate.

You can use true/false in AS2, but 0/1 should work as well.
THe way you have it, it can't go invisible...
You set the object invisible with the first line, but then make it visible again later on, so one of them, I suspect the latter needs to go.
Also, in your rollout function you have a typo. You are missing a "." before _visible...
companyTxt_visible = 0; // typo
companyTxt._visible = 0; // no typo

I use a widget contact form on my site. It appears and works in IE but does neither in FF 5. I can send the code if that'll help. Thanks. BTW - love Firefox.

Here's the code:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('285b17b6-6399-4846-810f-366828b3d6d7');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/contact-emailer-version3-rajwidgetbox">Email Contact Form with Twitter, Facebook & Skype</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

if you're testing locally, you probably have a security sandbox issue. fix it here:
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.ht ml
otherwise, you don't have username and password defined on the timeline that contains your button and/or your button is a movieclip button

Something is wrong with the cropping. It won't let me crop the picture. Usually the arrow would appear so I can drag it to crop the image but now the little hand appear and does not change to the arrow.

I cannot use my crop function in editing. The little hand would not change to the arrow hence cannot drag to crop the image. It just happened today.

Lets start with details - what version of iPhoto and of the OS?
anything else that might help figure this out?
LN

S David I have 2 licens for cs5.5 and have serial number . I cancelled if from my computer (windows 8 operation system) i just purchased a mac i mak all in one computer and want to install my cs5.5 on it ... i need a download link to do this can you help

I have 2 license for cs5.5 I am using one on my Windows 8 operating system... the other I cancelled and want to put it on a new apple operating system /... can you give me the link to down it to my new apple all in one computer??? Please HELP> send download link or call me 2 850.501.1499 mor send seperate e-mail to [email protected] THANKS DAVID

Hi David,
I would like to inform you that if you have a Mac serial number with you, only then you would be able to activate it on your Mac machine.
Here is the download link for the same.
Adobe CS5.5
Thanks,
Atul Saini

How i can make Waveform with one X and 2 diferent Y axis

I have 2 arrays with one same collumn
I want to show it on waveform chart with one x axis.
Its must lokks like that:

You can't have two separate Y axis stacked on one another. You can create multiple Ys that can be on the same side, or opposite sides.
Mike...
Certified Professional Instructor
Certified LabVIEW Architect
LabVIEW Champion
"... after all, He's not a tame lion..."
Be thinking ahead and mark your dance card for NI Week 2015 now: TS 6139 - Object Oriented First Steps

How do you add multiple links to a rollover image?

Hi guys,
I'm pretty much a novice when it come to DW, but i understand some things and can get by with a simple website(i only use design mode).
Anyways, i understand how to use rollovers if its a basic image over image swap. My issue is, I have a link that says "T-shirts" and what i want is when you roll the mouse over that text, it swaps to another text -"1 or 2". Now on the "1 or 2" image, i want to have 2 seperate links on them. I tried using hotspots but to no avail. Everytime, the "1 or2" text comes out as a single link. Is doing this possible? I'm using CS4 if that helps btw.
Thanks!!

I think you're trying to make something that is more complicated than it needs to be... First, as far as I know there is no easy way to accomplish what you're trying to do with a single image...
The first option would be to split your initial image in half, and create a rollover effect on the left half on rollover with the specified link 1, and add a second rollover effect on the right side image so that it also changes. Do the same with the right half image - create the rollover effect along with the link for that image only, then add a rollover script that affects the left side image (I've attached a very basic sample to demonstrate in the zip folder - note that there are two rollover images - each with a separate web link, and each has a rollover effect that affects both buttons...)
Second option is perhaps using a "Dropdown" menu that (on rollover) shows two more links... there are many ways this can be accomplished - the easiest (in my opinion) is by using the "spry menu bar". Once created, you can adjust the colors, fonts etc., and an image could be replaced on the initial link within the css... (my website is still under construction, but hopefully will show what I mean: http://www.jgigandet.com/) If you google "drop-down menu html, you'll find several other alternatives to spry as well...
Hope that helps...
Jesse

CP7 Rollover images Show up every OTHER slide

I am using CP7 and I have a number of graphics on slide 1 that I have defined to have a 'rest of project' timing. I have made multiple groups of graphics on slide 1 and I have made them to NOT be 'visible in output' this way, when I need them, I can use advanced actions to hide/show them (by group name) when I need them for subsequent slides. I am using slide 1 for this instead of the master slide because I need to define the stacking of graphics fairly specifically (slide 3 and further have some graphics that need to be in front of some things and behind some other things).
The set up is that I have a smart shape with a graphic and I am using it as a button on slide 1 (NOT visible in output and lasts for rest of project). Overlayed over top of my smart shape/button is a rollover image. The two objects work just like a rollover button you would see on the web. There is an advanced action that opens the group that the button is a part of and a few other graphic groups that I need to make it look good. When you click the button, there is another advanced action that is supposed to hide the group that both of those graphics are in, plus the other graphics that make it look good, and then go to the next slide. There is an advanced action on the next slide OnEnter that shows the what is needed for the beginning of the next slide.
So, here's the problem. When I click my button, everything disappears and goes to the next slide EXCEPT the rollover graphic, which stays on the screen and on top of all other graphics in slide 2. The SAME EXACT advanced action is used on slide 2 to go to slide 3 (with the same exact button because they are all really on slide 1 the whole time and just being made visible or invisible). When I click, I go to slide 3 and the rollover graphic is gone. I click the button again (to go to slide 4) and I go to slide 4 but the rollover graphic is BACK AGAIN!
I know that this is a complicated write-up, and I am going to go start from scratch to see if I can replicate the problem with a stripped down version of the advanced actions in a new file, but I am hoping someone can point me in the right direction about what is going on. I have deleted and re-inserted the rollover image, but it still does the same thing. I have re-coded the advanced action and it still does it. I have copied rollover images that DONT have this weird glitch and it still does it.
Anyone have any ideas?

I found a 'workaround' to this problem, but I would still like to know what is going on underneath to make this happen. Since I have all the rollover graphics on the first slide with timing or 'rest of project' I just made an animated button in Flash and imported it as a .swf to replace the rollover image. I changed the smart shape underneath from having the image of the button to being transparent (still have it being used as a button with all the same advanced actions as before). Now the swf handles the rollover and the transparent smart button underneath handles the OnClick action and everything works great.
Not sure what was going on with the rollover images, but at least I was able to get the result I needed.

Why are my rollover images not appearing correctly in my browser?

I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks

Where is it you want the navigation to appear?
Try this CSS -
#mainnav {
clear: both;
display: block;
float:right;
margin-right:50px;
margin-top:25px;
overflow:hidden;
padding:0;
width:350px;
Is that anywhere close?

Swf file causing rollover images not to work

I've inserted a Flash file into my webpage in Dreamweaver and it broke all my rollover images. Even deleting the swf file and reinserting the rollover images doesn't work. I've read a few threads on this but can't quite find exactly what I'm looking for. I think it's something in the <head> code but I'm not sure. Any help would be much appreciated!
<head>
<title>Matt Relstab | Still Photography | Moving Pictures | Sound Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">

<meta name="keywords" content="natural light photography, media producer boston, online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
</script>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

For starters, look at the first line on your errant page, it starts out:
<meta name="keywords" content="audio reel, foley artist, sound effects mixer, audio mixer
boston, sound engineer, post production">
<html>
Thats not good. If you look at your other pages, the <html> tag is first, the way it should be.
Switch them around, then try this, remove your <html> tag (the very first tag is where is should be) and replace it with this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
See what that does for you.
Gary
On Edit: I just noticed that you have
<meta name="keywords" content="natural light photography, media producer boston,
online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
inside your js for the rollovers...Move them out of the script.
GAry

Mashing small clips together to make one large one!?

i figured ou thow to do this once, but now i cant remember.
i need to mesh a bunch of small clips together to make a large one so i can do a longer transition.

.. if You had some short clips and applyed a text on them.
And the text just using some spaces (no letters) then it would merge the
clips together...
never tried (.. never needed.. ), but a clever one!!
here's for you:

Spry submenu colors and rollover images

New both to spry as well as creating flyout menus. I've spent
hours attempting to use the spry menus properly, but have hit a
brick wall in a couple of areas.
First (and I'm sure I must be missing something incredibly
obvious), I would like to have the background of my submenus a
different color than that of the main list. Somehow, I just can't
get it right.
Second is my need to for a different rollover effect for
different items in the first list. I need a different sized gif
shape to highlight the main words in the initial list. Through
switching out the default rollovers in the css, I can have a custom
image, but not a separate one for each selection.
Any advice (other than read a tome or two on css - I'm
running low on time for this :)?
Thanks

Spry is part of Adobe. This forum, though owned by Adobe, is
volunteer
staffed. By "our products" I was referring to my company's
products. We make
add-ons for Dreamweaver but we are an independent company
with our own
support system. Spry is very new and the documentation is not
really
targeted at beginners. It would seem you could benefit from
one-on-one
support, which you should be able to get by contacting Adobe
Customer
Support directly. I believe there are 2 or 3 free support
calls you can make
before charges are incurred. But you might get lucky and find
someone on the
forum who has the time and the knowledge to help you - it's
just not
guaranteed that you will.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"Amandaish84" <[email protected]> wrote in
message
news:[email protected]...
>I apologize I was un-aware that I couldn't get help here
because I didn't
>know
> that Spry isn't a part of Adobe, in fact until I
recently purchased CS3 I
> never
> heard of it. I just came to this forum because I found
it under 'support'.
> I
> thought maybe I needed to do something different with
coding in
> dreamweaver to
> make the changes I needed/wanted to change. I also saw
an example of what
> I am
> looking to do on adobe's training dvd that came with the
software. It
> skipped
> over the steps on how to get to that point though, so I
thought coming
> here was
> the right thing to do since there are no books out yet,
I can't go to my
> college I graduated from because they're still using MX
2004 and I
> honestly
> wasn't sure where to go. If I would have known that I
had to go somewhere
> else
> (which I don't even know who to go to then about Spyr) I
wouldn't have
> wasted
> anyone's time here or bothered you with this. What
confuses me is when you
> said
> "this is not about one of our products" well then where
do I go? And you
> also
> said this is a user forum not a support forum, then why
was I directed
> here by
> going to the support button? You probably think I sound
nasty but I'm not
> trying to, I hate writing this because you can't hear my
tone of voice.
> I'm
> just not sure where to go, am I supposed to call Adobe?
I was under the
> impression that was for help with having software
problems such as the
> program
> not installing properly.
>

Custom widget - rollover image to make a larger one appear and blur background

Similar Messages

Maybe you are looking for