Changing the background by hovering over an object / triggering a jQuery script

Thanks to this thread i managed to implement a js library called backstretch, which adds dynamically resized background images to either the whole site or objects.
so far so good. Now i'm working on my portfolio page, and i want to change the background image when you're hovering over the thumbnail of an individual project like it was done here.
So i guess the script has to be triggered somehow, but i don't know how to do that. Any ideas on how this could be achieved are highly appreciated.
cheers,
Rabauke

Very simple.
create a symbol with your background
create the rotation in the symbol - select the background - select rotate at first frame - move playhead to the right - select rotate and change 0 to 360.
add code to last frame at 360 degrees.
var randomAColor = '#' + (Math.random() * 0xFFFFFF << 0).toString(16);
sym.$('Ellipse').css({'background-color': randomAColor});
sym.play(0);
here is the sample:
Randomly change color on rotation.zip - Box
Also see this file that has different ways to randomize colors with rgba, names or hexadecimals.
randomly change color of an element.zip - Box

Similar Messages

  • How do I change the color of the highlight when hovering over answers in the quiz?

    Hi
    I am trying to change the color of the highlight when hovering over answers in the quiz.  My companies standard font color is grey and so is the highlight when i hover answers.
    Is it possible to change this?
    Thanks
    Charlene

    No, it is (still) not possible to change that hover color, not even in CP8.0.1. I recommend to enter a feature request: Adobe - Feature Request/Bug Report Form

  • Change the background with a bunch of kids? Quirky quick selection tool?

    Main Objective:  How can I change the background behind a bunch of kids? My quick selection tool is quirky! Like the HS kids in the pic….
    The 2nd photo is what I am looking to do.
    When I try the quick selection tool, it's all wonky & quirky now.  I can't select little bits any more! It just basically takes the whole stinkin' page! What did I do?!  Are there defaults?
    On watched video number 85 today, I tried to use my stylus and the bamboo pad. (Good grief; that's another story...it moves & I'm not even touching the pad; what's up with that?! Way too confusing, so I gave up!)
    Anyway..this is what I need.
    What is easier for me to remove the background?  The kids?  Pretend I didn't say yes to help with this project?
    All the video tutorials on how to remove backgrounds is always on a perfect object...not a real life mess of a class.  So... HELP!!!
    Please.
    This is WAY over my head; but I'm trying. Really.
    On a mac with CC membership.

    You may find it easier to select the kids than the background. Instead of copying to new layer, create a mask, then you can add or remove as you like.
    In the top tool bar click the icon in the middle to add to selection. Then use your option key to remove.
    When you are nearing done, you can then refine the mask. If necessary you can use the other selection tool for straight lines, large areas etc. For tight places you may prefer to use the quick mask tool (lowercase q)
    Take your time, you will get it. And like I said, using a mask will let you take a breather. It can help walking away for a bit.

  • Changing the background color of the row of the selected cell in table view

    How can I change the background color of the table row when user clicks on table cell in table view?
    Edited by: a_brar on May 5, 2012 11:12 PM

    You could apply the following css style (by defining a custom stylsheet with the following lines and loading it into your app).
    The last color sets the background color of the selected row while the table-view has focus (in this case to orange).
    .table-view:focused .table-row-cell:filled:focused:selected {
        -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, orange;
    }There are quite a lot of subtleties in the css styling for the tableview (e.g. different colors for the selected row when the control has focus vs when it doesn't or when the user hovers over a selected row in an unfocussed tableview), which you may want to cater for when chaning the background color of the selected row in a table view. There is also alternate styling for when the tableview is in row selection vs cell selection mode. So you may want to look at customizing further based on the css styles in caspian.css in sdk/rt/lib/jfxrt.jar if you can understand the complex css there.

  • I have trouble reading in Black and White. changing the background color for all

    I have trouble reading in Black and White. On my PC I can change the background  color (and I am not just talking about for a word or pages document) but for eveything so anything that was a white background I can put in what ever color I like but it still prints in Black and white.. I can't see how to do this on the Macbook air. on my PC I do this in display. Sort of putting colored film over the screen I dont know what to do. Can anyone help?

    Hello Floridamacbookpro,
    You may be interested in the 'invert colors' Accessibility feature. This can be invoked by pressing the Control, Option, Command, and 8 keys on your keyboard. This only affects your display, and does not have any affect on printed items.
    Mac OS X displays inverted image colors (white on black, reverse type)
    http://support.apple.com/kb/HT3488
    Cheers,
    Allen

  • In Pages 09' how do I change the background colors on the templates?

    I have been trying to change the background on one of the templates from red to green for a while.  I can't figure it out and i can't find answers online any where that are helpful at all.  I just need to changes the background color to what I want it to be and not what the programs sets them too.  Any ideas?  I'm totally stumped!
    Thanks for the help!

    Hi Burke,
    Here's the result, using Peggy's suggestion:
    Process:
    Click on the thin strip of red to the left of the title ("THE THOMPSONS") to select the background.
    You'll see the small x in each corner, indicating the object is locked.
    Go Arrange > Unlock (or press option-command-L) to unlock the object.
    Click on the Fill Color well in the format bar, and choose a new colour from the palette.
    Go Arrange > Lock (or press command-L to re-lock the object.
    Save the result.
    Regards,
    Barry

  • Can I change the background color when I'm in a brochure layout?

    can I change the background color when I'm in a brochure layout? I've tried making a box in desired color but cannot push it to the back(not an option, it's greyed out)

    Then you are in a Layout template and the shape is already the back most object.
    Peter

  • How do I change the background color of a BufferedImage?

    I have a program and basically what I am doing is drawing on a BufferedImage object and then painting that BufferedImage object onto the panel. By default, the background is black and it draws in white. I am easily able to change the colour for drawing by doing g2.setColor(Color.RED) for example where g2 is the Graphics2D object created by image.createGraphics(). I tried g2.setBackground(Color.WHITE) and that did not work.
    If more information is needed, just ask.
    Any help in changing the background colour of the BufferedImage would be greatly appreciated!
    Thanks in advance!

    Here is a mini-code with comments explaining my trouble:
    import java.awt.Color;
    import java.awt.Graphics;
    import java.awt.Graphics2D;
    import java.awt.image.BufferedImage;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    public class TestBuff extends JPanel
        Graphics2D g2;
        BufferedImage image;
        public TestBuff()
            JFrame frame = new JFrame();
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setLocationRelativeTo(null);
            frame.setSize(800,800);
            frame.add(this);
            frame.setVisible(true);
            image = new BufferedImage(800,800,BufferedImage.TYPE_INT_RGB);
            g2 = image.createGraphics();
            g2.setBackground(Color.RED); // I am setting the background colour here
        protected void paintComponent(Graphics g)
            g.drawImage(image, 0, 0, g2.getBackground(), this); // Why is this black instead of red?
        public static void main(String[] args)
            new TestBuff();
    }

  • How do you change the background color of a page in projects

    I'm making a new photo book in projects.  the theme I've selected has black pages.  I would prefer white pages but can not change the background or I would like to change the theme without having to start all over again.  I have no change theme button in the upper right hand corner.  Any suggestions?

    Don't know what version of iPhoto you're using but in iPhoto 8 (09) we have this to change the background in the Folio theme:
    Wereas in iPhoto 9 and later we have this:
    If you don't that in the version you're using try the following:
    1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
         User/Home/Library/ Preferences folder.
    2 - delete iPhoto's cache file, Cache.db, that is located in your
    User/Home/Library/Caches/com.apple.iPhoto folder (Snow Leopard and Earlier).
    or with Lion and Mt. Lion delete the contents the User/Library/Containers/com.apple.iPhoto/
    Data/Library/Caches/com.apple.iPhoto folder.
    3 - reboot, launch iPhoto and try again.
    NOTE: In Lion and Mountain Lion the Home/Library folder is now invisible. To make it permanently visible enter the following in the Terminal application window: chflags nohidden ~/Library and press the Return key - 10.7: Un-hide the User Library folder.
    If you're running Mavericks, 10.9,  go to your Home folder and use the View ➙ Show View Options menu to bring the this window:
    where you can check the Show Library Folder checkbox.

  • How do I change the background in the Menu bar screen area so that it is lighter and thus more readable?

    The background in the area where the Menu bar now sits is jetblack.. When I drag, say, the print icon or cut, paste, save icons to sit to the right of the menu bar, they're there but either I see them only faintly (printer) or I cna't see them only faintly. How can I change the background to a lighter color (it used to be much lighter).

    The easiest way might be to install a lightweight theme (formerly known as a persona). You can "shop" for one on the Add-ons site. The following link is for solid colors, but some of the pictorial ones might work, too.
    https://addons.mozilla.org/en-US/firefox/themes/solid
    You can hover your mouse over the little image tile to see how it would look if you installed it. Can you find one that looks good to you?
    Much of Firefox's interface also can be modified with style rules. However, that requires a lot more experimentation, so let's come back to that only if needed.

  • How do you change the background of a single page??

    I know how to change the background of a page (wrench tool- document setup- add shape- change size to fit whole page - change colour - done)
    but it automatically makes every page that colour not just one page, please can somebody explain how to make it work. Thanks

    Hello Alp2001,
    Thank you for the details setting a background color in Pages.  When you click on Document Setup under the wrench tool, this sets the background for your entire document. 
    Alternatively, if you want to add a background on a single page but not for the entire document, you can just add a shape with the background color on that page.  I also recommend locking the shape once you add it so that it doesn't move while you are trying to add other items to the page. 
    Follow the steps in this article to add a shape, change the size to fit the whole page, and change the color:
    Pages Help for iPad - Add and edit shapes
    http://help.apple.com/pages/ipad/2.0/#/tan9ad18c384
    Once you have set the background for that page, folllow the steps under the section titled "Lock objects" in this article to lock the background shape so that it doesn't move:
    Pages Help for iPad - Layer, group, and lock objects
    http://help.apple.com/pages/ipad/2.0/#/tan5eab46568
    Thank you for using Apple Support Communities.
    Best,
    Sheila M.

  • How do you change the background color of certain rows in a Datagrid?

    How do you change the background color of certain rows in a
    Datagrid?

    Hee is a great example:
    http://www.cflex.net/showfiledetails.cfm?ChannelID=1&Object=File&objectID=487
    Tracy

  • How change the background color of a tab

    Hi, i want to change the background color where the tab name is ...Not the color of the canvas only the part of the tab. Show me the default color some kind of green ...
    Regards

    Hi oracle_sv      
    i want to change the background color where the tab name isIn object Navigator right click each tab and get into it's property > Then Go to back ground and change each accordingly...
    Hope this helps...
    Regards,
    Amatu Allah.

  • Changing The Background Of An Image...

    Hello!
    I have an album cover (a CD, really) that I need to change the background color of. How can this be done via Photoshop CS3?
    Thanks!

    One place to start would be to try and isolate the foreground by using the Magic Wand or Quick Selection tool.  If the object is too comlex you could use one of the Lasso tools.  The Magnetic Lasso is good for organic objects and the Polygonal Lasso is good for objects with straight edges.  If you have a tablet, You could try and tighten up some edges by using the normal Lasso.
    Finally right click the selection, choose Select Inverse so that you're slecting only the background. Then right click the selction again and choose Layer Via Copy and change the color of the new background layer by going to Image > Adjustments > Hue Saturation:

  • Are ther any way to change the background of a book that you purchased?

    I always found reading over a bright white background on books very tiring for my eyes.
    Instead of flooding them with eye drops, can we can change the background of the books or PDF to a softer background?

    When you open your book - tap on the AA icon in the upper right and select - Themes from the resulting window. You can select Sepia or Night from the themes.
    Sepia is a softer background and Night is white on black. Maybe one of those will be easier on your eyes.

Maybe you are looking for

  • What's wrong with my Java?

    Hi all! While doing a little maintenance under AppleJack, I've noticed for the umpteenth time that a lot (and I mean a lot, like, dozens) of permissions related to Java were repaired. There are literally tons of them, each time I repair permission, w

  • Variable Values in BADI's

    Hello All We have a requirement where we need to pass the value of a characteristic variable entered by the user to a cutomer exit variable and based on that need to perform a validation and return back the same value if it is correct else to return

  • PS file in illustrator changes color when I move it??

    When I open a ps file in illustrator some objects change color when I move them and are displayed correctly in preview and Photoshop, why and how do I fix this? Also the object seems to be duplicated. It should have the same and only the colors of th

  • Photoshop cc freezing the computer (problem solved)

    Hi fellows, My photoshop CC was freezing my computer, especially if I was using another program. In addition, when I started to paint the brush lagged a lot. The whole problem was the scratch disk, at the beginning I tried to increase memory usage, b

  • Address no Disappeared

    HI SRM Experts, When I entrered thru Web login and edited "Edit internal Address" for one Company Code,initially there were 6 Addresses were given for that comapny code and I changed one of the address No out of 6 and I forgotten to tick on any of St