Dynamically swap background image with mouseover

Hello, I need some help with this menu file. My inspiration was a post of Resdesign.
I want to make a rollover that swap the background image for each button.
I tried a lot of methods but I cant find the solution (please check line 111).
Here is my file:
WeTransfer
Thanks a lot!
alex from argentina

Thanks Preran for your answer but I can´t find the way to implement the solution in that post.
I tried this:
// mouseover swap background
sym.$('#newBtn'+i).mouseover(function(){
sym.$("#newBtn"+i).css({'background-image':'url("images/fover.jpg")'});
//sym.getSymbol("#newBtn"+i).$('background').attr('src',info[i].backo);
Thanks!

Similar Messages

Trying to matte a background image with a PNG with transparency / partial transparency

Hello everyone.
Here is the scenario;
I have a PNG sequence rendered from a 3d program. The sequence includes a landscape that is partially transparent and has no background image or color. In the animation, anything that is not the landscape is 100% transparent, while the landscape is partially transparent.
I have a background that I want to put behind the PNG sequence but I don't want the background to be visible through the landscape portion of the sequence, only the portion that is 100% transparent.
I have tried several different methods, but because the landscape is partially transparent, using a track matte (alpha or alpha inverted) or blend mode (like stencil alpha) does not give me the results I am looking for.
What I am looking for is a way to matte (or mask) the background image with only the portion of the PNG that is 100% transparent. That way, the background image will not show through the semi-transparent landscape, but will be visible in the portion that is 100% transparent.
I would like to find a reasonable solution in After Effects as opposed to re-rendering the 3d sequence with the objects being unseen by the camera and the background present. The landscape scene itself took a considerable amount of time to render (120+ hours) and I would like to avoid that kind of delay in my project.
I thank you all in advance for your consideration.

The footage itself is fine, Dave. The 3d application is rendering exactly what it is supposed to render; a semi-transparent landscape on a transparent background, rendered out to 32 bit PNGs.
When I view the frames in Photoshop, they are exactly what I wanted. In the final composition, there are other image elements and pre-rendered objects provided by the client that need to be visible beneath the "ground" and "water", which is why I rendered the landscape as semi-transparent. Normally, I would render with a color background for compositing, but using a color background in this case was tinting the semi-transparent landscape.
I think my track mattes are failing because the images are made up of varying degrees of alpha.
Going back to the 3d application, the only option there would be to re-render a pure alpha pass of the animation. I can test the render time per frame, but I was hoping that there would be an easier solution... the initial landscape animation took 70+ hours to render, using 32 cores and 24 gb of RAM. The pure alpha render shouldn't take anywhere near that long, BUT, if it did, that would not be feasible on my current schedule.
I did find another possible solution by creating a recorded script to batch convert luma images from the PNGs. If the alpha pass proves unworkable, I can always fall back to batching the luma images and using stencil luma.
Thanks for helping me further think this out!

Swap Background image using ActionScript

I need to know how to change (swap) background images.
Explanation:
The main file (level 0) is named "Master".
In the Master timeline, the lowest layer is named "bg" (for
backgrround).
On the bg layer is an image the size of the stage, and this
image forms the background against which other movie clips (.swf)
are shown.
Purpose:
In response to a user (ie: the user clicks a button), I want
to change the background image.
Problem:
I have searched through Flash 8 Help system, and cannot find
how to delete the 1st image from the "bg" layer, and add a
different image.
Hoping someone knows the answer,
Thanks,
John

convert your image to a movieclip. you can then use
movieclipInstanceName.removeMovieClip() to remove it. or, if you
might want to use it latter in your swf, change its _visible
property.

Dynamically Calling Background Image instead of standard setting

Hi all,
There is a requirement that, based on some condition I have to display shaded background image, say 'zimage1' .so as a result it should print in all pages. If condition fails, we have to display other image, say 'zimage2' in background. If both fails, no need to display background image.
If any body knew the solution please assist me in this regards.
Thanks & Regards,
Nagesh.

Do any one knew how to set Dynamic Background (Watermark) Image instead of going for the standard setting in Page. (by selecting BACKGROUND PictureTab).
I want to pass a variable kind of information to the following fields during runtime.
ie.,
Path: Page->Background Picture.
Name: <Variable image name>
Object: GRAPHICS
ID: BMAP
and other properties like Ouput Mode, Position..etc.
That image should come at backgroudn for all the pages.
Hope, you have understood the issue here.
Please do update me with relevnat ideas, if any.
Thanks & Regards,
Nagesh.

Background images with spry "horizontal menu"

hi again
I am trying to work with the spry: "horizontal menu"
I want to put some background images into the menu bar not into the submenu
and that is the problem: the background images appears overall
what can I do ?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">Raum für den Inhalt von id "container"
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Element 1</a> </li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
    <ul>
      <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
      <li><a href="#">soso</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
and css
ul.MenuBarHorizontal
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     cursor: default;
     width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
     z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     position: relative;
     text-align: center;
     cursor: pointer;
     width: 100px;
     float: left;
     height: 10px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     z-index: 1020;
     cursor: default;
     width: 100px;
     position: absolute;
     left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
     left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
     width: 100px;
     height: 30px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
     position: absolute;
     margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
     left: auto;
     top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
     border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
     display: block;
     cursor: pointer;
     background-color: #FEF3E4;
     padding: 0.5em 0.75em;
     color: #FFF;
     text-decoration: none;
     background-repeat: no-repeat;
     background-image: url(../rot.jpg);
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
     color: #FF0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
     background-color: #FEF3E4;
     color: #FF0;
     background-image: url(../rot.jpg);
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
     background-color: #FEF3E4;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
     background-color: #0F9;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
     background-color: #FEF3E4;
     color: #FF0;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
     background-color: #F99;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
     position: absolute;
     z-index: 1010;
     filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
     ul.MenuBarHorizontal li.MenuBarItemIE
          display: inline;
          f\loat: left;
          background: #FFF;

Complete page and css code below (scroll down)
All you should be concerned with at this moment to get the background image to appear in the top level anchor is the css style below:
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #000;
background-image: url(../rot.jpg);
background-repeat: no-repeat;
background-position: left top;
I've added the background-postion because presumably you want it to appear flush left. This overides the out-of-the-box setting which positions it 95% far left.
Here is the code and css:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<head>
<style type="text/css">

</style>
<style>
ul.MenuBarHorizontal
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     cursor: default;
     width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
     z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     position: relative;
     text-align: center;
     cursor: pointer;
     width: 100px;
     float: left;
     height: 10px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     z-index: 1020;
     cursor: default;
     width: 100px;
     position: absolute;
     left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
     left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
     width: 100px;
     height: 30px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
     position: absolute;
     margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
     left: auto;
     top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
     border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
     display: block;
     cursor: pointer;
     background-color: #FEF3E4;
     padding: 0.5em 0.75em;
     color: #FFF;
     text-decoration: none;
     background-repeat: no-repeat;
     background-image: url(../rot.jpg);
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
     color: #FF0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
     background-color: #FEF3E4;
     color: #FF0;
     background-image: url(../rot.jpg);
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #000;
background-image: url(../rot.jpg);
background-repeat: no-repeat;
background-position: left top;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
     background-color: #0F9;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
     background-color: #FEF3E4;
     color: #FF0;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
     background-color: #F99;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
     position: absolute;
     z-index: 1010;
     filter:alpha(opacity:0.1);
</style>
</head>
<body>
<div id="container">Raum für den Inhalt von id "container"
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Element 1</a> </li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
    <ul>
      <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
      <li><a href="#">soso</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Dynamically adjust background image?

Alright, here's one i think is a challenge:
I have a background image loaded in a div via css. I use this
div and background across multiple pages. Some pages have more info
than others. Is there a way to dynamically scale the div AND the
background? I know I can do the div, but it cuts the background. I
want to be able to adjust both the background image and the div
according to how many lines are in the page.

Bleh....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nancy O" <[email protected]> wrote in message
news:g0t6tl$kdt$[email protected]..
> Without seeing your site, I'm guessing you are trying to
"fit" content
> precisely over a large, absolutely positioned background
image or
> photograph. Am I right?
>
>
http://alt-web.com/Backgrounds.shtml
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
>
> "Mack879w" <[email protected]> wrote in
message
> news:g0t2k6$ga7$[email protected]..
>> Alright, here's one i think is a challenge:
>>
>> I have a background image loaded in a div via css. I
use this div and
>> background across multiple pages. Some pages have
more info than others.
> Is
>> there a way to dynamically scale the div AND the
background? I know I
>> can
> do
>> the div, but it cuts the background. I want to be
able to adjust both
>> the
>> background image and the div according to how many
lines are in the page.
>>
>
>

Adding a background image with HTML?

Just a quick one. Want to add a background image to the html
of a flash site so the background image can scale and the content
of the flash site not scale. Any ideas anyone??
Thanks all!

satrop wrote:
> Just a quick one. Want to add a background image to the
html of a flash site so the background image can scale and the
content of the flash site not scale. Any ideas anyone??
You can place the image in flash. Flash has onResize handler
which in conjunction with
listener, can detect the changes in stage, scale movie to
fill the window while preventing
other content from scaling. This is very common, when we
resize background to fill window
but hold the content intact. Try to search the forum for
"onResize". That's the only case,
in most posts, where we deal with the exact same issue as the
one you looking for.
Best Regards
Urami
"Eat one live toad in the morning and nothing worse will
happen to you for the rest of the day."
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Swap background image?

Hi,
I am looking for a posibility to dynamicaly change the background image of a vi.
See attached example: The switch should change the circle-image into a box-image. the two images are overlaid and I thought I could make one image visible and the other invisible, but the images have no terminal in the block diagramm...
Any idea?
Greetings Johannes
Using LabVIEW 7.1 and 2009 recently
Solved!
Go to Solution.
Attachments:
Swap image.vi ‏17 KB

I can not open LV 9.0-VIs
Could you please either save it as 7.1 or upload a screenshot?
Thanks.
BTW here is a screenshot of my problem:
Greetings Johannes
Using LabVIEW 7.1 and 2009 recently
Attachments:
Problem.PNG ‏27 KB

Random background-image with PHP

I would like to have random images as background-images on a
page. So I
made a rotate.php ("SELECT picsid, picsurl FROM pics WHERE
picsite =
'home' ORDER BY MD5(RAND()) limit 1") with
<img src="<?php echo $row_rsimages['picsurl']; ?>"
alt="" />
Then I put the following rule into the css-file:
#pics {
width: 400px;
height: 200px;
background-color: #fff;
background-image: url(banner.php);
background-repeat: no-repeat;
background-position: top left;
Finally I inserted a div called #pics on the index.php and
previewed the
page, and - you are right ;) - the images are not displayed.
Where have I failed?
Martin Lang

Martin Lang wrote:
> I would like to have random images as background-images
on a page. So I
> made a rotate.php
> background-image: url(banner.php);
> Where have I failed?
In several places.
1. Presumably banner.php is the page that you earlier refer
to as
rotate.php. The name should be the same.
2. It looks as though you're trying to use an <img> tag
to display a
background image. That won't work.
3. If you want banner.php to display an image, you need to
send the
correct MIME header and stream the image as a download.
// code to select the image
$filepath = '/home/mysite/htdocs/images/'; // path to image
folder
$image = $filepath.$row_rsimages['picsurl'];
if (file_exists($image) && is_readable($image)) {
$size = filesize($image);
header('Content-type: image/jpeg');
header('Content-length: '.$size);
$file = @fopen($image, 'rb');
if ($file) {
fpassthru($file);
It's actually a lot simpler to do everything in the same
page.
Put the recordset at the top of the page to select the random
image.
Then put the style block in the head of the document:
<style type="text/css">
#pics {
width: 400px;
height: 200px;
background-color: #fff;
background-image: url(<?php echo $row_rsimages['picsurl'];
?>);
background-repeat: no-repeat;
background-position: top left;
</style>
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Responsive Background Images with Media Queries

Hello,
I'm creating a mobile website in Dreamweaver and would like to use an image which will change with different device widths. I'm using media queries with background images. My problem is that in order for the background images to display, I need to assign a height to the div. When the image is scaled down the height stays static, leaving white space beneath it. There will be content below the image so the white space will push it down and look wrong. Is there a way to use multiple images with media queries keeping the height responsive? Thank you!
@media screen and (max-width: 1024px) {
#mainImage {
          background-image: url(../images/mainImageLarge.jpg);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100%;
          height: 272px;
          border-top-width: 3px;
          border-top-style: solid;
          border-top-color: #FFF;
@media only screen and (max-width : 480px) {
#mainImage {
          background-image: url(../images/mainImageMed.jpg);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100%;
          height: 107px;
          border-top-width: 3px;
          border-top-style: solid;
          border-top-color: #FFF;
@media only screen and (max-width : 320px) {
          #mainImage img {
          background-image: url(../images/mainImageSmall.jpg);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 100%;
          height: 150px;
          border-top-width: 3px;
          border-top-style: solid;
          border-top-color: #FFF;

Like this example:
http://alt-web.com/FluidGrid/Fluid-4.html
METHOD:
Insert 2 images -- one for desktops and one for mobile. Assign classes to each image.
<img id="banner" class="desktop" src="desktop_image.jgp" />
<img id="banner" class="mobile" src="mobile_image.jpg"/>
In your CSS, use display:none and display:block to show/hide.
.desktop {
    display:block;
.mobile {
    display:none;
/* Special Rules for mobiles */
@media only screen and (max-width: 480px) {
    .desktop {display:none}
    .mobile {display:block}
Feel free to set your break points however you wish.
Nancy O.

Background image with Crystal Report 2008

Hi,
I have to develop an invoice report with a background image on the full page.
I have already develop some trying but i have not the right result:
1) Background image in page header
2) Create 2 different sections: one for the image and one with labels and data
3) Background image in report header
4) Background image in report footer
In all of my tests in Report > Section Expert, I check Underlay Following Sections on the Common tab
but never the image was printed in background respect of the different sctions.
I always got the image and then the rest of the report
Can you help me please?
Thank you for your attention
Bye
Edited by: EDPTEAM on Aug 30, 2011 5:52 PM

Hello Brian.
Thanks for you answer.
I do just like you say but i have the same problem.
My report is like an invoice: i have an header, a body with a group and 2 sections and a footer.
All the pages of my report must be printed on a background image (A4 format).
This is the problem.
If i create a report with image in a single section all is ok. But in my report if i use a small image, the image is printed and hide columns separator (simple vertical lines) and show data but the following sections lose their right position.
If I use the original image (A4 format) CR return the following error:
header or footer too large for the page
o similar word (I translate from italian to english because I am working with italian version).
Do you have other solutions?
Thank you wery much.
Best regards

Macbook pro crashes and goes to the background image with no access to dock etc..

Macbook Pro Early 2011 version, running Lion OSX, crashes randomly and goes to the background image. the dock is not accesible nor are any other options, I have to hold down power to restart. I have found that a lot of my applications have started to crash especially iphoto, itunes and safari. Ive repaired permissions deleted anti virus software which i thought was slowing the computer down. Any help would be appreciated..

I suggest you post this issue on the iTunes forum. You will have an audience that is oriented specifically towards this application.
Ciao.

Why do I not see the background image with html5 boilerplate

hello,
I downloaded the html5 boilerplate
And in the main.css I made this :
body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
    background-image: url(../img/background.jpg)
and also in the normalize.css I set this :
body {
    margin: 0;
    background-image: url(../img/background.jpg)
But in IE10 I still do not see the background image.
Can anyone tell me what I did wrong ?
Roelof

Hello
You need to run your VI once. Wire the Select Signals express VI to your DAQ Assistant and run the VI once (this allows the signal names to propegate).
Check this forum:
select signals
Regards

Swapping multiple images with 1 rollover

Hi everybody!
I am just wondering if the Dreamweaver swapImage() function can be used for swapping several id's images when one does a single rollover/click/mouseOver/mouseOut/whatEver.......?
In general how would one do something like that?
For example , if I have have several items on a page and you want to have a dedicated button for swapping them all, how would you do that?
I am forever greatful for general feedback :-)

Hey, and thank you for you for fast reply :-)
Here is the code for the homepage:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Generative Design Tooling</title>
<link href="oneColLiqCtr.css" rel="stylesheet" type="text/css" />
<Script type="text/javascript" src="Javascript Cookie Script.js"></Script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
function MM_setTextOfLayer(objId,x,newText) { //v9.0
with (document) if (getElementById && ((obj=getElementById(objId))!=null))
    with (obj) innerHTML = unescape(newText);
</script>
<style type="text/css">
a:link {
    text-decoration: none;
a:visited {
    text-decoration: none;
a:hover {
    text-decoration: none;
a:active {
    text-decoration: none;
</style>
</head>
<body onload="MM_preloadImages('images/HomeButton_03.png','images/HomeMainBlank2_03.png','images/LitteratureBlank2_75.png','images/FlashMenuButton_21.png','images/BlogBlankM_07.png','images/HomeButton_03.png','images/bloggingButtonN_07_07.png','images/homeFill_06.png','images/homeFill_06.png','images/toolingFill_08.png','images/homeFilled_06.png','images/toolingFilled_08.png','images/flashFilled_12.png','images/blogFilled_10.png','images/introFilled_20.png','images/vectorsFilled_21.png','images/lsystemsFilled_23.png','images/recursivityFilled_28.png','images/animgrowthFilled_30.png','images/linksFilled_51.png','images/algFilled_41.png','images/artificialFilled_43.png','images/mayaFilled_48.png','images/fractalsFilled_46.png','images/turtleFilled_53.png','images/alifeFilled_55.png','images/pluginsFilled_81.png','images/extraFilled_81.png','images/designpFilled_71.png','images/disclaimerFilled_73.png','images/projectsFilled_83.png','images/litteratureFilled_85.png','images/emergentFilled_64.png','images/footerFilled_87.png','images/headerFilled_06.png','images/vectorFilled2_21.png','images/genr8Filled_32.png','images/ToolingButtonBlank2_08.png','images/ToolingButtonMainN_05.png','images/DisclaimerBlank2_60.png','images/ProjectsBlank2_73.png','images/bloggingButtonN_07_07.png','images/flashBack.png','images/LitteratureN_99.png','images/PluginsBlank2_71.png','images/PluginsN_95.png','images/aboutSmallBlack_87.png','images/aboutSmall_87.png','images/ProjectsN_97.png','images/IntroMainN_15.png','images/IntroMainBlank2_12.png','images/LinksBlank2_42.png','images/Links_61.png','images/DesignPBlank2_58.png','images/DesignPN_85.png','images/RecursivityBlank2_23.png','images/RecursivityN_30.png','images/Genr8Blank2_27.png','images/Genr8N_34.png','images/fractalBlack_20.png','images/fractalMain_20.png','images/LSystemsBlank2_03.png','images/LSystems_03.png','images/GVectorsBlank2_12.png','images/GVectorsN_21.png','images/Disclaimer_46.png','images/SkyscrapersBlank2_50.png','images/Buildings_73.png','images/MayaApiBlank2_39.png','images/MayaApiN_54.png','images/MapGrammarsBlank2_34.png','images/MapGrammarsBlank_21_20.png','images/sharewareBlack_62.png','images/SharewareN_75.png','images/fractalBlack_46.png','images/AnimGrowthN_32.png','images/SiteCreditsBlank2_62.png','images/SiteCredits_48.png','images/googleBlack_43.png','images/googleSearch_43.png','images/ArtificialBlank_46.png','images/Artificial_32.png','images/EmergentBlank2_64.png','images/EmergentN_77.png','images/Generative7_41.png','images/AlgsN_43.png','images/turtleBlack_53.png','images/TurtleGN_63.png','images/RolloutAllBlack_72.png')">
<div id="wrapper">
<div id="homebutton"><a href="index.html" onclick="Set_Cookie('homebutton','TRUE','','','','')" onmouseover="MM_swapImage('homebutton','','images/HomeButton_03.png',1)"><img src="images/HomeMainBlank2_03.png" alt="HomeMain" name="homebutton" width="138" height="55" border="0" id="homebutton2" /></a></div>
<div id="toolingMain"><a href="Tooling.html" onclick="Set_Cookie('tooling','TRUE','','','','')" onmouseover="MM_swapImage('toolingMain','','images/ToolingButtonMainN_05.png',1)"><img src="images/ToolingButtonBlank2_08.png" alt="ToolingButtonMain" name="toolingMain" width="140" height="55" border="0" id="toolingMain2" /></a></div>
<div id="blogMain"><a href="Blogging.html" onclick="Set_Cookie('blog','TRUE','','','','')" onmouseover="MM_swapImage('blogMain','','images/bloggingButtonN_10.png',1)"><img src="images/BlogBlankM_07.png" name="blogMain" width="138" height="55" border="0" id="blogMain2" /></a></div>
<div id="flashButtonTWO"><a href="FillingIn4.html" target="_self" onclick="Set_Cookie('flashButton','TRUE','','','','')" onmouseover="MM_swapImage('flashButtonTWO','','images/AnimasjonFlashBLiten.gif',1)"><img src="images/flashBack.png" name="flashButtonTWO" width="125" height="55" border="0" id="flashButtonTWO2" /></a></div>
<div id="Litterature"><a href="Litterature.html" onclick="Set_Cookie('litter','TRUE','','','','')" onmouseover="MM_swapImage('Litterature','','images/LitteratureN_99.png',1)"><img src="images/LitteratureBlank2_75.png" alt="Litterature" name="Litterature" width="156" height="55" border="0" id="Litterature2" /></a></div>
<div id="Plugins"><a href="Plugins.html" onclick="Set_Cookie('plug','TRUE','','','','')" onmouseover="MM_swapImage('Image41','','images/PluginsN_95.png',1)"><img src="images/PluginsBlank2_71.png" name="Image41" width="113" height="55" border="0" id="Image41" /></a></div>
<div id="About"><a href="About.html" onclick="Set_Cookie('About','TRUE','','','','')" onmouseover="MM_swapImage('About','','images/aboutSmall_87.png',1)"><img src="images/aboutSmallBlack_87.png" alt="AboutInfo" name="About" width="100" height="55" border="0" id="About2" /></a></div>
<div id="Projects"><a href="#" onclick="Set_Cookie('Project','TRUE','','','','')" onmouseover="MM_swapImage('Projects','','images/ProjectsN_97.png',1)"><img src="images/ProjectsBlank2_73.png" alt="Projects" name="Projects" width="124" height="55" border="0" id="Projects2" /></a></div>
<div id="IntroButton"><a href="IntroPage.html" target="_self" onclick="Set_Cookie('intro','TRUE','','','','')" onmouseover="MM_swapImage('IntroButton','','images/IntroMainNGrey_22.png',1)"><img src="images/IntroMainBlank2_12.png" alt="IntroButton" name="IntroButton" width="138" height="55" border="0" id="IntroButton2" /></a></div>
<div id="Links"><a href="Links.html" target="_self" onclick="Set_Cookie('link','TRUE','','','','')" onmouseover="MM_swapImage('Links','','images/LinksGrey_63.png',1)"><img src="images/LinksBlank2_42.png" alt="Links" name="Links" width="119" height="55" border="0" id="Links2"/></a></div>
<div id="DesignP"><a href="DesignParadigm.html" onclick="Set_Cookie('designpa','TRUE','','','','')" onmouseover="MM_swapImage('DesignP','','images/DesignPN_85.png',1)"><img src="images/DesignPBlank2_58.png" alt="DesignParadigm" name="DesignP" width="208" height="55" border="0" id="DesignP2" /></a></div>
<div id="Recursivity"><a href="#" onclick="Set_Cookie('recurse','TRUE','','','','')" onmouseover="MM_swapImage('Recursivity','','images/RecursivityN_36.png',1)"><img src="images/RecursivityBlank2_23.png" alt="Recursivity" name="Recursivity" width="208" height="55" border="0" id="Recursivity2" /></a></div>
<div id="Genr8"><a href="Genr8Page.html" onclick="Set_Cookie('generate','TRUE','','','','')" onmouseover="MM_swapImage('Genr8','','images/Genr8N_40.png',1)"><img src="images/Genr8Blank2_27.png" alt="Genr8" name="Genr8" width="93" height="55" border="0" id="Genr" /></a></div>
<div id="Fractals"><a href="http://classes.yale.edu/fractals/" onclick="Set_Cookie('frac','TRUE','','','','')" onmouseover="MM_swapImage('Fractals','','images/fractalMain_20.png',1)"><img src="images/fractalBlack_20.png" alt="Fractals" name="Fractals" width="138" height="55" border="0" id="Fractals2" /></a></div>
<div id="LSystems"><a href="LSystems.html" onclick="Set_Cookie('lsys','TRUE','','','','')" onmouseover="MM_swapImage('LSystems','','images/LSystems_03.png',1)"><img src="images/LSystemsBlank2_03.png" alt="LindenmayerSystems" name="LSystems" width="158" height="55" border="0" id="LSystems2" /></a></div>
<div id="GVectors"><a href="http://chortle.ccsu.edu/VectorLessons/vectorIndex.html" target="_new" onclick="Set_Cookie('vector','TRUE','','','','')" onmouseover="MM_swapImage('GVectors','','images/GVectorsN_21.png',1)"><img src="images/GVectorsBlank2_12.png" alt="GeometricVectors" name="GVectors" width="241" height="55" border="0" id="GVectors2" /></a></div>
<div id="SiteCred"><a href="siteCredits.html" onclick="Set_Cookie('credits','TRUE','','','','')" onmouseover="MM_swapImage('SiteCred','','images/SiteCreditsGrey_94.png',1)"><img src="images/SiteCreditsBlank2_62.png" alt="SiteCredits" name="SiteCred" width="168" height="55" border="0" id="SiteCred2" /></a></div>
<div id="Skyscrapers"><a href="Buildings.html" onclick="Set_Cookie('sky','TRUE','','','','')" onmouseover="MM_swapImage('Skyscrapers','','images/Buildings_73.png',1)"><img src="images/SkyscrapersBlank2_50.png" alt="Highrises" name="Skyscrapers" width="160" height="55" border="0"id="Skyscrapers2" /></a></div>
<div id="MayaApi"><a href="MAYA C++ API.html" onclick="Set_Cookie('maya','TRUE','','','','')" onmouseover="MM_swapImage('MayaApi','','images/MayaApiN_54.png',1)"><img src="images/MayaApiBlank2_39.png" alt="AutodeskMayaC++Api" name="MayaApi" width="223" height="55" border="0" id="MayaApi2" /></a></div>
<div id="MappingGrammars"><a href="#" onclick="Set_Cookie('map','TRUE','','','','')" onmouseover="MM_swapImage('MappingGrammars','','images/MapGrammars_21_20.png',1)"><img src="images/MapGrammarsBlank2_34.png" alt="MapGrammars" name="MappingGrammars" width="279" height="55" border="0" id="MappingGrammars2" /></a></div>
<div id="ShareWare"><a href="#" onclick="Set_Cookie('openSource','TRUE','','','','')" onmouseover="MM_swapImage('shareWare','','images/SharewareNGrey_63.png',1)"><img src="images/sharewareBlack_62.png" alt="openSource" name="shareWare" width="162" height="55" border="0" id="shareWare2" /></a></div>
<div id="Algorithms"><a href="#" onclick="Set_Cookie('algo','TRUE','','','','')" onmouseover="MM_swapImage('Algorithms','','images/AlgsN_43.png',1)"><img src="images/Generative7_41.png" alt="Algorithms" name="Algorithms" width="181" height="55" border="0" id="Algorithms2" /></a></div>
<div id="artificialFill"><a href="GoogleCustomSearch.html" onclick="Set_Cookie('artiFill','TRUE','','','','')" onmouseover="MM_swapImage('filledArtificial','','images/googleSearch_43.png',1)"><img src="images/googleBlack_43.png" name="filledArtificial" width="287" height="55" border="0" id="filledArtificial" /></a></div>
<div id="Artificial"><a href="#" onclick="Set_Cookie('arti','TRUE','','','','')" onmouseover="MM_swapImage('Artificial','','images/Artificial_32.png',1)"><img src="images/ArtificialBlank_46.png" alt="ArtificialLife" name="Artificial" width="183" height="55" border="0" id="Artificial2" /></a></div>
<div id="EmergentD"><a href="#" onclick="Set_Cookie('EmergentDes','TRUE','','','','')" onmouseover="MM_swapImage('EmergentDes','','images/EmergentN_77.png',1)"><img src="images/EmergentBlank2_64.png" alt="EmergentDesign" name="EmergentDes" width="227" height="55" border="0" id="EmergentD2" /></a></div>
<div id="AnimGrowth"><a href="#" onclick="Set_Cookie('anim','TRUE','','','','')" onmouseover="MM_swapImage('AnimGrowth','','images/AnimGrowthN_32.png',1)"><img src="images/fractalBlack_46.png" alt="AnimatingGrowth" name="AnimGrowth" width="245" height="55" border="0" id="AnimGrowth2" /></a></div>
<div id="TurtleG"><a href="TurtleGraphics.html" onclick="Set_Cookie('turtle','TRUE','','','','')" onmouseover="MM_swapImage('TurtleG','','images/TurtleGN_63.png',1)"><img src="images/turtleBlack_53.png" alt="TurtleGraphics" name="TurtleG" width="240" height="55" border="0" id="TurtleG2" /></a></div>
<div id="Disclaimer"><a href="Disclaimer.html" onclick="Set_Cookie('Disclaimed','TRUE','','','','')" onmouseover="MM_swapImage('Disclaimed','','images/DisclaimerGrey_92.png',1)"><img src="images/DisclaimerBlank2_60.png" alt="Disclaimer" name="Disclaimed" width="154" height="55" border="0" id="Disclaimer2" /></a></div>
<div id="vectorsFill"><a href="#" onclick="Set_Cookie('vectorFill','TRUE','','','','')" onmouseover="MM_swapImage('filledVectors','','images/vectorsFilledParametric_21.png',1)"><img src="images/vectorsFill_21.png" name="filledVectors" width="248" height="55" border="0" id="filledVectors" /></a></div>
<div id="introFill"><a href="#" onclick="Set_Cookie('introFilled','TRUE','','','','')" onmouseover="MM_swapImage('filledIntro','','images/introFilled_20.png',1)"><img src="images/introFill2_20.png" name="filledIntro" width="138" height="55" border="0" id="filledIntro" /></a></div>
<div id="lsystemFill"><a href="#" onclick="Set_Cookie('lsysFill','TRUE','','','','')" onmouseover="MM_swapImage('filledLsystems','','images/lsystemsFilled_23.png',1)"><img src="images/lsystemsFill_23.png" name="filledLsystems" width="160" height="55" border="0" id="filledLsystems" /></a></div>
<div id="emergentFill"><a href="#" onclick="Set_Cookie('emergentFill','TRUE','','','','')" onmouseover="MM_swapImage('filledEmergent','','images/emergentFilled_79.png',1)"><img src="images/emergentFill_64.png" name="filledEmergent" width="227" height="55" border="0" id="filledEmergent" /></a></div>
<div id="blogFill"><a href="#" onclick="Set_Cookie('blogFill','TRUE','','','','')" onmouseover="MM_swapImage('filledBlog','','images/blogFilled_10.png',1)"><img src="images/blogFill_10.png" name="filledBlog" width="138" height="55" border="0" id="filledBlog" /></a></div>
<div id="extraFill"><a href="#" onclick="Set_Cookie('extraFill','TRUE','','','','')" onmouseover="MM_swapImage('filledExtra','','images/extraFilled_81.png',1)"><img src="images/extraFill_81.png" name="filledExtra" width="100" height="55" border="0" id="filledExtra" /></a></div>
<div id="homeF"><a href="#" onclick="Set_Cookie('homeFill','TRUE','','','','')" onmouseover="MM_swapImage('filled','','images/homeFilled_06.png',1)"><img src="images/homeFill_06.png" name="filled" width="138" height="55" border="0" id="filled" /></a></div>
<div id="VectorFillExtra"><a href="#" onclick="Set_Cookie('VectorFillExtra','TRUE','','','','')" onmouseover="MM_swapImage('filledVectorT','','images/vectorFilled2_21.png',1)"><img src="images/vectorFill2_21.png" name="filledVectorT" width="248" height="55" border="0" id="filledVectorT" /></a></div>
<div id="fractalFill"><a href="#" onclick="Set_Cookie('fractalFill','TRUE','','','','')" onmouseover="MM_swapImage('filledFractals','','images/fractalsFilled_46.png',1)"><img src="images/fractalsFill_46.png" name="filledFractals" width="208" height="55" border="0" id="filledFractals" /></a></div>
<div id="headerFill"><a href="#" onclick="Set_Cookie('headerFill','TRUE','','','','')" onmouseover="MM_swapImage('filledHeader','','images/headerFilled_06.png',1)"><img src="images/headerFill_06.png" name="filledHeader" width="138" height="55" border="0" id="filledHeader" /></a></div>
<div id="alifeFill"><a href="#" onclick="Set_Cookie('alifeFill','TRUE','','','','')" onmouseover="MM_swapImage('filledAlife','','images/alifeFilled_55.png',1)"><img src="images/alifeFill_55.png" name="filledAlife" width="185" height="55" border="0" id="filledAlife" /></a></div>
<div id="toolingF"><a href="#" onclick="Set_Cookie('toolingfilled','TRUE','','','','')" onmouseover="MM_swapImage('toolingfill','','images/toolingFilled_08.png',1)"><img src="images/toolingFill_08.png" name="toolingfill" width="126" height="55" border="0" id="toolingfill" /></a></div>
<div id="pluginsFill"><a href="#" onclick="Set_Cookie('pluginsFill','TRUE','','','','')" onmouseover="MM_swapImage('filledPlugins','','images/pluginsFilled_81.png',1)"><img src="images/pluginsFill_81.png" name="filledPlugins" width="121" height="55" border="0" id="filledPlugins" /></a></div>
<div id="recurFill"><a href="#" onclick="Set_Cookie('recurFill','TRUE','','','','')" onmouseover="MM_swapImage('filledRecur','','images/recursivityFilled_28.png',1)"><img src="images/recursivityFill_28.png" name="filledRecur" width="208" height="55" border="0" id="filledRecur" /></a></div>
<div id="animFill"><a href="#" onclick="Set_Cookie('animFill','TRUE','','','','')" onmouseover="MM_swapImage('filledAnim','','images/animgrowthFilled_30.png',1)"><img src="images/animgrowthFill_30.png" name="filledAnim" width="245" height="55" border="0" id="filledAnim" /></a></div>
<div id="algoFill"><a href="#" onclick="Set_Cookie('algoFill','TRUE','','','','')" onmouseover="MM_swapImage('filledAlgo','','images/algFilled_41.png',1)"><img src="images/algFill_41.png" name="filledAlgo" width="183" height="55" border="0" id="filledAlgo" /></a></div>
<div id="flashFill"><a href="#" onclick="Set_Cookie('flashFilled','TRUE','','','','')" onmouseover="MM_swapImage('filledFlash','','images/flashFilled_12.png',1)"><img src="images/flashFill_12.png" name="filledFlash" width="125" height="55" border="0" id="filledFlash" /></a></div>
<div id="linksFill"><a href="#" onclick="Set_Cookie('linksFill','TRUE','','','','')" onmouseover="MM_swapImage('filledLinks','','images/linksFilled_51.png',1)"><img src="images/linksFill_51.png" name="filledLinks" width="119" height="55" border="0" id="filledLinks" /></a></div>
<div id="litteratureFill"><a href="#" onclick="Set_Cookie('litteratureFill','TRUE','','','','')" onmouseover="MM_swapImage('filledLitterature','','images/litteratureFilled_85.png',1)"><img src="images/litteratureFill_85.png" name="filledLitterature" width="156" height="55" border="0" id="filledLitterature" /></a></div>
<div id="projectsFill"><a href="#" onclick="Set_Cookie('projectsFill','TRUE','','','','')" onmouseover="MM_swapImage('filledProjects','','images/projectsFilled_83.png',1)"><img src="images/projectsFill_83.png" name="filledProjects" width="126" height="55" border="0" id="filledProjects" /></a></div>
<div id="turtleFill"><a href="#" onclick="Set_Cookie('turtleFill','TRUE','','','','')" onmouseover="MM_swapImage('filledTurtle','','images/turtleFilled_53.png',1)"><img src="images/turtleFill_53.png" name="filledTurtle" width="238" height="55" border="0" id="filledTurtle" /></a></div>
<div id="mayaFill"><a href="#" onclick="Set_Cookie('mayaFill','TRUE','','','','')" onmouseover="MM_swapImage('filledMaya','','images/Refresh_49.png',1)"><img src="images/mayaFill_48.png" name="filledMaya" width="375" height="55" border="0" id="filledMaya" /></a></div>
<div id="disclaimerFill"><a href="#" onclick="Set_Cookie('disclaimerFill','TRUE','','','','')" onmouseover="MM_swapImage('filledDisclaimer','','images/disclaimerFilled_73.png',1)"><img src="images/disclaimerFill_73.png" name="filledDisclaimer" width="167" height="55" border="0" id="filledDisclaimer" /></a></div>
<div id="footerFill"><a href="#" onclick="Set_Cookie('footerFill','TRUE','','','','')" onmouseover="MM_swapImage('filledFooter','','images/footerFilled_87.png',1)"><img src="images/footerFill_87.png" name="filledFooter" width="127" height="55" border="0" id="filledFooter" /></a></div>
<div id="designpFill"><a href="#" onclick="Set_Cookie('designpFill','TRUE','','','','')" onmouseover="MM_swapImage('filledDesignp','','images/designpFilled_71.png',1)"><img src="images/designpFill_71.png" name="filledDesignp" width="268" height="55" border="0" id="filledDesignp" /></a></div>
</div>
<div id="viewAll"><a href="#" onclick="MM_swapImage('Image54','','images/RolloutAllBlack_72.png',1)"><img src="images/RolloutAll_72.png" name="Image54" width="208" height="55" border="0" id="Image54" /></a></div>
<script type="text/javascript">
if (Get_Cookie('plug')) { document.getElementById('Image41').src="images/PluginsN_95.png" ; }
if (Get_Cookie('homebutton')) { document.getElementById('homebutton2').src="images/HomeButton_03.png" ; }
if (Get_Cookie('search')) { document.getElementById('searchBox2').src="images/searchbox2_18.png" ; }
if (Get_Cookie('tooling')) { document.getElementById('toolingMain2').src="images/ToolingButtonMainN_05.png" ; }
if (Get_Cookie('homeF')) { document.getElementById('homeF2').src="images/homeFilled_06.png" ; }
if (Get_Cookie('flashButton')) { document.getElementById('flashButtonTWO2').src="images/AnimasjonFlashBLiten.gif" ; }
if (Get_Cookie('Disclaimer')) { document.getElementById('Disclaimer2').src="images/Disclaimer_46.png" ; }
if (Get_Cookie('About')) { document.getElementById('About2').src="images/aboutSmall_87.png" ; }
if (Get_Cookie('litter')) { document.getElementById('Litterature2').src="images/LitteratureN_99.png" ; }
if (Get_Cookie('sky')) { document.getElementById('Skyscrapers2').src="images/Buildings_73.png" ; }
if (Get_Cookie('arti')) { document.getElementById('Artificial2').src="images/Artificial_32.png" ; }
if (Get_Cookie('intro')) { document.getElementById('IntroButton2').src="images/IntroMainNGrey_22.png" ; }
if (Get_Cookie('vector')) { document.getElementById('GVectors2').src="images/GVectorsN_21.png" ; }
if (Get_Cookie('lsys')) { document.getElementById('LSystems2').src="images/LSystems_03.png" ; }
if (Get_Cookie('recurse')) { document.getElementById('Recursivity2').src="images/RecursivityN_36.png" ; }
if (Get_Cookie('anim')) { document.getElementById('AnimGrowth2').src="images/AnimGrowthN_32.png" ; }
if (Get_Cookie('generate')) { document.getElementById('Genr').src="images/Genr8N_40.png" ; }
if (Get_Cookie('algo')) { document.getElementById('Algorithms2').src="images/AlgsN_43.png" ; }
if (Get_Cookie('map')) { document.getElementById('MappingGrammars2').src="images/MapGrammars_21_20.png" ; }
if (Get_Cookie('blog')) { document.getElementById('blogMain2').src="images/bloggingButtonN_10.png" ; }
if (Get_Cookie('frac')) { document.getElementById('Fractals2').src="images/fractalMain_20.png" ; }
if (Get_Cookie('maya')) { document.getElementById('MayaApi2').src="images/MayaApiN_54.png" ; }
if (Get_Cookie('link')) { document.getElementById('Links2').src="images/LinksGrey_63.png" ; }
if (Get_Cookie('turtle')) { document.getElementById('TurtleG2').src="images/TurtleGN_63.png" ; }
if (Get_Cookie('EmergentDes')) { document.getElementById('EmergentD2').src="images/EmergentN_77.png" ; }
if (Get_Cookie('openSource')) { document.getElementById('shareWare2').src="images/SharewareNGrey_63.png" ; }
if (Get_Cookie('credits')) { document.getElementById('SiteCred2').src="images/SiteCreditsGrey_94.png" ; }
if (Get_Cookie('Project')) { document.getElementById('Projects2').src="images/ProjectsN_97.png" ; }
if (Get_Cookie('Disclaimed')) { document.getElementById('Disclaimer2').src="images/DisclaimerGrey_92.png" ; }
if (Get_Cookie('designpa')) { document.getElementById('DesignP2').src="images/DesignPN_85.png" ; }
if (Get_Cookie('toolingfilled')) { document.getElementById('toolingfill').src="images/toolingFilled_08.png" ; }
if (Get_Cookie('homeFill')) { document.getElementById('filled').src="images/homeFilled_06.png" ; }
if (Get_Cookie('flashFilled')) { document.getElementById('filledFlash').src="images/flashFilled_12.png" ; }
if (Get_Cookie('blogFill')) { document.getElementById('filledBlog').src="images/blogFilled_10.png" ; }
if (Get_Cookie('introFilled')) { document.getElementById('filledIntro').src="images/introFilled_20.png" ; }
if (Get_Cookie('vectorFill')) { document.getElementById('filledVectors').src="images/vectorsFilledParametric_21.png" ; }
if (Get_Cookie('lsysFill')) { document.getElementById('filledLsystems').src="images/lsystemsFilled_23.png" ; }
if (Get_Cookie('recurFill')) { document.getElementById('filledRecur').src="images/recursivityFilled_28.png" ; }
if (Get_Cookie('animFill')) { document.getElementById('filledAnim').src="images/animgrowthFilled_30.png" ; }
if (Get_Cookie('genr8Fill')) { document.getElementById('filledGenr8').src="images/genr8Filled_32.png" ; }
if (Get_Cookie('linksFill')) { document.getElementById('filledLinks').src="images/linksFilled_51.png" ; }
if (Get_Cookie('algoFill')) { document.getElementById('filledAlgo').src="images/algFilled_41.png" ; }
if (Get_Cookie('artiFill')) { document.getElementById('filledArtificial').src="images/googleSearch_43.png" ; }
if (Get_Cookie('mayaFill')) { document.getElementById('filledMaya').src="images/mayaFilled_48.png" ; }
if (Get_Cookie('fractalFill')) { document.getElementById('filledFractals').src="images/fractalsFilled_46.png" ; }
if (Get_Cookie('turtleFill')) { document.getElementById('filledTurtle').src="images/turtleFilled_53.png" ; }
if (Get_Cookie('alifeFill')) { document.getElementById('filledAlife').src="images/alifeFilled_55.png" ; }
if (Get_Cookie('pluginsFill')) { document.getElementById('filledPlugins').src="images/pluginsFilled_81.png" ; }
if (Get_Cookie('extraFill')) { document.getElementById('filledExtra').src="images/extraFilled_81.png" ; }
if (Get_Cookie('designpFill')) { document.getElementById('filledDesignp').src="images/designpFilled_71.png" ; }
if (Get_Cookie('disclaimerFill')) { document.getElementById('filledDisclaimer').src="images/disclaimerFilled_73.png" ; }
if (Get_Cookie('litteratureFill')) { document.getElementById('filledLitterature').src="images/litteratureFilled_85.png" ; }
if (Get_Cookie('projectsFill')) { document.getElementById('filledProjects').src="images/projectsFilled_83.png" ; }
if (Get_Cookie('emergentFill')) { document.getElementById('filledEmergent').src="images/emergentFilled_64.png" ; }
if (Get_Cookie('emergentFill')) { document.getElementById('filledFooter').src="images/footerFilled_87.png" ; }
if (Get_Cookie('headerFill')) { document.getElementById('filledHeader').src="images/headerFilled_06.png" ; }
if (Get_Cookie('VectorFillExtra')) { document.getElementById('filledVectorT').src="images/vectorsFilled_21.png" ; }
</script>
</body>
</html>
All the id's here have imageSwaps, as you can see, but I also have an id outside the wrapper id that is supposed to be a "view all swapped" - button.
How would I start in terms of this show/hide on mouse -event ?

Set my background image with right click?

Is there a way to set a picture as my desktop background without looking through tiny pictures in system prefs? I just want the right click feature. The only way this works is if you right click a picture ONLINE, but this doesnt work in my pictures folder...

You can always drag a picture from your folder into Safari, then right click and select "Use Image as Desktop Picture"--might hit a snag though with some things in portrait orientation, they can display in landscape.
Another option is make an Automator action, save it as a plug-in for Finder. You then right click, go to More, Automator, and select your action and get the new Desktop.
Francine
Francine
Schwieder

Dynamically swap background image with mouseover

Similar Messages

Maybe you are looking for