Background image change when refresh it or LOADED

hi all,
I have a div on my page that has a slide show . Like this:
<div class="slider-container">
            <div class="mp-slider">
                <ul class="items">
                <li><img src="images/slide-1.jpg"/></li>
                    <li><img src="images/slide-2.jpg"/></li>
                    <li><img src="images/slide-3.jpg"/></li>
                    <li><img src="images/slide-4.jpg"/></li>
                     <li><img src="images/slide-5.jpg"/></li>
                    <li><img src="images/slide-6.jpg"/></li>
                    <li><img src="images/slide-7.jpg"/></li>
                    <li><img src="images/slide-8.jpg"/></li>
                    <li><img src="images/slide-9.jpg"/></li>
                    <li><img src="images/slide-10.jpg"/></li>
                   <li><img src="images/slide-11.jpg"/></li>
                   <li><img src="images/slide-12.jpg"/></li>
                   <li><img src="images/slide-13.jpg"/></li>
                </ul>
            </div>
        </div>
If I have a set of 13 images, how can I use to change which image is used each time the page is loaded or REFRESH
Thanks!!

By default, the first image in your list will always load first.  If you want to randomize the image sequence, use jQuery Cycle2 plugin with the "Random" option.
http://jquery.malsup.com/cycle2/api/
Nancy O.

Similar Messages

  • Colour background images changes when applying effect

    Hey,
    I created a page, with a large background image in the back. When applying an effect (like shadow, or transparency) to text above, the colour of the image below changes, it becomes less saturated. This persist even when exporting and viewing in Acrobat Reader.
    Im using InDesign CS3 with Windows XP SP2
    Greets!

    Try changing your transparency blend space to RGB.
    Bob

  • Background Image Disappear When Refreshing

    Hi,
    Recently, I encounter a problem for building my application. I define my own background for my application in formsweb.cfg. The background load the first time I access the page, but it disappears when I press refresh button. So, can anyone tell me why and how can I going to fix it? Thank you.
    Ramon

    Ramon,
    you don't specify a Forms version number, which makes it harder for us to help. It could be a problem in a Forms version that may be fixed in a subsequent patch. Without Forms release numer however, I cant tell. I suggest you contact customer support at metalink.oracle.com
    Frank

  • Keep background image same when creating new workspace

    Hi and thanks in advance for any input,
    Up until I plugged in a mini-display port to HDMI connection/dongle I would have the same background when I created a new workspace (OSX 10.7 Lion).
    Now, when I create a new workspace, the background set's itself to the first picture in a set folder with a default option of rotating the background image after a set period of time.
    My question is this: how do I get back to the use case that I am familiar with, where a new workspace has the same background image as the original 'Desktop 1' background?
    Thanks for looking,
    Jordan from CO

    Hey Richard,
    What are you Desktop properties set to?
    This is an interesting question. My initial (Desktop 1) properties are as follows:
    // Properties are set to keep the same background image
    However, when I add a new Space, to create Desktop 2, my desktop properties default to:
    // Properties of 'New Desktop' (Space) default to Change picture every 10 minutes.
    // When I am connected to an external display, the background image of Bonaroo shown in the screen shot becomes the new default; what is odd is that when the external display is not plugged in, another background becomes the default. Odd.
    So, replying to your comment made me think of something which ended up being the answer that I have been looking for:
    •Why not duplicate the background and place it in its own folder? This way, there would be no other images for it to default to and to change the properties away from, as the folder has not changed.
    Indeed a workaround, but the answer to my problems:
    One more thing to address:
    Even if you don't have random backgrounds set, I would think it a good design idea to make them random.  Otherwise users could easily become confused about which desktop they are looking at.
    My rebuttal to your design philosophy is that I love the consistency a single background presents. Think of iOS: one background, multiple pages. Users look at the content presented on the page. I regularly use the four finger gesture to enter the 'Exposé' feature of OSX Lion, and this gives me further indication of which desktops arrangement.
    I have read other reviews stating that the feature you noted is a great idea, so you are not alone (to have multiple desktop backgrounds for color coding what workspace/desktop/space you are in). My experience was somewhat jarring, however, as I was used to a specific use case of a consistent background; thus I have been posting in an effort to find a solution to my problem. Again, thank you for your insights; you are the one that lead me to a solution, afterall.
    // Separate note: expose will rearrange your windows/spaces/workspaces/desktops when you utilize command+tab. This design feature has a distinct iOS feel; as in iOS, your spaces and apps are dynamically rearranged based on the order or applications used.
    // Here is a quick photo example illustrating the point:
    // (I would have taken a screen shot of the command-tab interface but I cannot take a screen shot while holding down command; I use command-shift-3 for a full screen shot)
    1) Apps open in order (for this purpose I am sticking to one application per space and am including two fullscreen apps ): Finder, Safari, System Preferences, Mail
    // If I command+tab over to the full screen Mail app, my spaces are now rearranged as follows:
    // So now, to further illustrate the point, I can get 'Desktop 2' to be next to Desktop 1 by command-tabbing from Finder [Desktop 1] to System Preferences [Desktop2]; when I enter expose, the spaces are again rearranged to this:
    // This is similar to iOS' multitasking where a users multitasking list is dynamically rearranged based on the app that was used last in order to allow the user to gesture to the last app with ease.
    Message was edited by: jordoapp

  • How can you make a background image change to a faded state at a certain point in scroll?

    I'm referring to a technique I've seen used in Relevant Magazine's iPad app if anyone has used it. I understand having a shape behind text that has a feathered gradient and when you scroll the text the shape gradually fades out the background image. But this is not the effect I'm trying to acheive. On some of the articles in Relevant, the screen is a full image and as you scroll the type up, the entire background dims when you scroll to a certain spot.
    I've tried searching for hours, but I feel like I'm getting no where because I don't really know what to search for. I feel like it requires use of something other than what DPS is capable of. Hopefully this makes sense and I'd greatly appreciate any suggestions and help!
    Thanks!

    Try applying the feathered gradient to the scrollable content frame, not the background frame. It will appear to change the color of the background frame.

  • How can I make background images change automatically

    I want my page background to change automatically after a set period of time (almost like a very slow slideshow). Is there any reason (other than file size) I can't simply do this with an animated gif as my body background image? I haven't got the expertise to do anything too technical. Thanks

    Is there any reason (other than file size) I can't simply do this with an animated gif as my body background image?
    BG images are not meant to be animated. It's a performance problem - the browser would have to continually re-render the whole page, since GIFs work on specific increments. That's why it's not supported. What you wanna do would be best done with jQuery/ JavaScript or Flash, where the substitution can be controlled, so the browser only needs to work hard when there is actualyl something changing. whether that's a good idea, is another matter, though. Personally I really despise such toy-ish features, as they severely impair usability and readability.
    Mylenium

  • PDF image changes when opening in photoshop

    sometimes when we open PDF files in photoshop the image changes. sometimes text disappears and other times fading occurs. Here is how it can be duplicated:
    1. First try downloading the file here http://www.m3printing.com/files/wierd.pdf
    2. open the file with acrobat. take note of the red NYN in the upper left
    3. open the file with photoshop. you will notice the YN becomes faded
    any clues as to why this is happening would be greatly appreciated
    ps. we use photoshop CS2

    This doc is unnecessarily complex in its color structure.
    It uses CMYK and seven spot colors. CMYK is DeviceCMYK,
    which means, the space is not defined in the doc by an ICC
    profile.
    A part of the red text vanishes if the doc is opened in Photo-
    shop in CMYK mode. I don't know why. Perhaps a trans-
    parency flattening problem.
    Analyzed by Acrobat > Tools > Print Production > Preflight.
    My suggestion: convert each page into a well specified CMYK
    space as recommended by the printer.
    The fastest solution:
    Open in PhS in Lab mode with reasonably high resolution,
    for instance 288ppi, convert into a specified CMYK space
    and save as TIFF.
    The correct solution:
    Go back to the source program (InDesign) and replace all
    Spots by process colors. Flatten and save by new name.
    Export as PDF.
    Flattening in advance to Export guarantees the appearance.
    Export with layers contains the risk that flattening at the
    receiver turns out to be wrong.
    Best regards --Gernot Hoffmann

  • Background image shifts when scrolling

    I have a background image on my pages but whenever I hard
    return several times, the image mysteriously shifts over by itself
    here are two different pages. The bg image can be found here:
    http:www.logicorehsv.com/img/bg.png
    PAGE A
    <!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>
    <style type="text/css">
    body {
    background-color: #E8F1FA;
    background-image: url(img/bg.png);
    background-repeat: repeat-y;
    background-position: center;
    </style>
    </head>
    <body>
    </body>
    </html>
    PAGE B
    <!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>
    <style type="text/css">
    body {
    background-color: #E8F1FA;
    background-image: url(img/bg.png);
    background-repeat: repeat-y;
    background-position: center;
    </style>
    </head>
    <body>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    </body>
    </html>
    WHAT IN THE NAME OF GREAT CAESAR'S GHOST IS GOING ON HERE??
    The background image on the second page SHIFTS over a few
    pixels simply because I hard returned several times. The completion
    of my entire site has been resting on this simple little headache.
    Please help....

    >>whenever I hard return several times
    Stop doing that. There is never a valid reason in a properly
    designed/constructed page to add empty paragraphs.
    Probably... after adding content, even empty paragraphs, the
    display window
    in DW design view drops a vertical scroll bar thereby
    changing the
    horizontal location of the page's middle. Your bg image is
    aligned middle so
    it moves.
    IOW there is no problem. Just build your page.
    Walt
    "logicore" <[email protected]> wrote in
    message
    news:[email protected]...
    >I have a background image on my pages but whenever I hard
    return several
    >times,
    > the image mysteriously shifts over by itself here are
    two different pages.
    > The
    > bg image can be found here:
    http:www.logicorehsv.com/img/bg.png
    >
    >
    PAGE A
    > <!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>
    >
    >
    > <style type="text/css">
    > body {
    > background-color: #E8F1FA;
    > background-image: url(img/bg.png);
    > background-repeat: repeat-y;
    > background-position: center;
    > }
    > </style>
    > </head>
    >
    > <body>
    >
    > </body>
    > </html>
    >
    >
    >
    >
    PAGE B
    > <!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>
    >
    >
    > <style type="text/css">
    > body {
    > background-color: #E8F1FA;
    > background-image: url(img/bg.png);
    > background-repeat: repeat-y;
    > background-position: center;
    > }
    > </style>
    > </head>
    >
    > <body>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > </body>
    > </html>
    >
    > WHAT IN THE NAME OF GREAT CAESAR'S GHOST IS GOING ON
    HERE??
    >
    > The background image on the second page SHIFTS over a
    few pixels simply
    > because I hard returned several times. The completion of
    my entire site
    > has
    > been resting on this simple little headache.
    >
    > Please help....
    >

  • Cell/Background color changes when copying to other Excel 2010 document

    When you copy and paste report cells (e.g. CO report outputted in Office integration, MS Excel) to a new Excel file, the background color changed dramatically (to bright red).
    SAP Theme:  SAP Signature Theme
    Excel 2010
    We tried paste option > match destination formatting but does not help.
    Anyone has similiar problems?  Appreciate any help.

    dear friend,
    you would do:
    1. search SAP Notes;
    2. check out the updates/patches for your MS Office;
    3. replicate it on another computer/another sap user (make sure it is a local issue)
    good luck!

  • Why does color of image change when imported to Photoshop

    When I import or edit my Lightroom image into Photoshop the color tones of the image change to a darker tone.
    I'm using the same screen.
    What can I do to correct this?

    Thanks for both responses .
    I tried changing the export settings but still get a different color image rom the one I get in Lightroom.
    Also, the monitor was recently callbrated, so could the answer be in PHOTOSHOP's color management settings?
    When I checked PS's Color Settings window the " Working Spaces" setting was at  "sRGB"...
    and
    Color Management Policies @ "Preserve Embedded Profiles
    My first export from LR was also @ sRGB.
    Any thoughts on some common settings that might put this right?
    Thanks again.

  • Tab background color changes when saving or downloading (Ubuntu) - bug ?

    I'm using Firefox 20.0 on Linux Ubuntu.
    When I'm opening and using Firefox, the active tab background is light gray, and the other tabs are black (with white/gray text). But as soon as I have downloaded a file (saving an image for example, or a pdf), the tabs change color: the non active tabs turn gray instead of black, and the tab text is almost unreadable (gray on gray).
    I have disabled ALL extensions (including the Ubuntu/Unity extensions) and restarted Firefox, and get the same result. See screenshot with before/after downloading: http://imagesup.net/?di=113687926169
    On the other hand, when I start Firefox in safe mode, all is well, the tabs don't change color when downloading or saving a file.
    What to do? Could this be a bug ?

    Hey, I'm on Ubuntu, too.
    It seems like you don't use Ubuntu's default theme, or at least, you have some modifications there, right? Try disabling your customizations to see if it works, I never saw / heard of this problem anywhere.
    Also update your Firefox, there are changes that your problem is fixed after updating.
    Another suggestion would be hacking about:config, for example, it might be the Download Manager's arrow flashing ( just guessing ), so you might want to disable that and see if something changes.
    search 'browser.download.manager' in about:config and play with those configs to see if anything changes.

  • Why does JButton background color change when  clicking ?

    Hello,
    I have defined :
    JButton mybutton = new JButton(Icon xxx) ;
    with no associated text and I set both foreground and background colors to black, and an empty border.
    This is because the background color of the container which contents this button is also black and I want to see only the button icon.
    When I click on the icon , the button background color becomes grey. How can I change this to make it remains black ?
    Thanks a lot.
    Gege

    Well, the color changes because that is how the look and feel is defined,
    presumably to give better feedback to the user that she has clicked the
    button.
    If you don't want this, you could try using a different L&F which doesn't do this.
    Alternatively, If you've only got the one button, you could just do
        UIManager.put( "Button.select", Color.BLACK );If you have multiple buttons, and you want the other buttons to behave
    normally, you can extend the one button and have it change the color
    while it is pressed, e.g.,
    import java.awt.*;
    import java.io.IOException;
    import java.net.URL;
    import javax.swing.*;
    public class ButtonSelect extends JFrame {
         public ButtonSelect() throws IOException {
              super();
              setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              JPanel panel = new JPanel();
              panel.add( new JButton( "Normal" ) );
              Image img = Toolkit.getDefaultToolkit().getImage( new URL("http://www.google.com/intl/en/images/logo.gif" ) );
              ImageIcon ii = new ImageIcon( img );
              JButton b = new JButton( ii ) {
                   static final private String KEY = "Button.select";
                   public void paint( Graphics g ) {
                        Color save = null;
                        if ( getModel().isArmed() && getModel().isPressed() ) {
                             save = UIManager.getColor( KEY );
                             UIManager.put( KEY, Color.WHITE );
                        super.paint( g );
                        if ( save != null )
                             UIManager.put( KEY, save );
              b.setForeground( Color.WHITE );
              b.setBackground( Color.WHITE );
              b.setFocusPainted( false );
              panel.add( b );
              getContentPane().add( panel );
              pack();
              setVisible( true );
         public static void main( String[] a ) throws IOException {
              new ButtonSelect();
    }

  • White color of RGB image changes when exporting to CMYK PDF

    I'm used to work as long as possible in RGB. Even my images placed in InDesign stay in RGB. I only convert to CMYK while exporting to PDF. This always worked fine. I now noticed that RGB images with a white background changed in the CMYK PDF.
    The white wasn't white any more, but C=1/M=1/Y=1/K=0 !
    Result is a very light-grey background when printed on an offset press.
    If I convert the image to CMYK in Photoshop first, I don't have this problem. I always thought InDesign and Photoshop used the same conversion-tool? Guess not ...
    I didn't have this problem in CS2, I think. So my guess is it got something to do with CS3, but I'm not sure.
    Someone got an idea?
    I use Adobe creative Suite CS3 5.0.4
    Mac Os 10.5.5
    Color Management is set to European Prepress (I already tried to change this --> no effect)

    I've noticed that there are slight variations between Photoshop and ID, but I think it's just a rounding error. Photoshop's CMYK readouts are always integers, while ID swatches can readout numbers. So obviously it's possible to output 1.67% cyan, but Photoshop's info readout rounds that up to 2%. Try making an 253|253|253 RGB swatch in ID, then open Swatch Options and convert the swatch mode to CMYK. You'll get a conversion something like .78|.39|.39|0 depending on your profiles, yet the Separation Preview reads out 1|0|0|0 with the total ink as 2%.

  • SWF background color changes when uploaded to server

    I built my Flash all pretty, based upon a black background.
    When ran on the local copy, the black shows up as black & the
    Flash is like it should be. However, as soon as I upload it to the
    server and run it from there, the Flash background changes to
    white, which as you can imagine, royally screws up the visuals. Any
    clue as to why it would do this?! I can't think of any reason why
    it should. The server is in-house and will only be used for an
    Intranet page, so any possible corruption over the web should be
    negated. Help!!

    I'd like to post a link, but like I said, it's only internal.
    When I look at the HTML, it's set to black (background-color:
    #000000). Also, when I load it, the page itself is black, but the
    background of the Flash *only* has turned white. I can load the
    exact same page on my local drive and it comes up black. I've got
    publish settings to Flash 8 (my version) and AS 2.0. I checked that
    first because I've published lower in the past and had
    issues.

  • Background image changes after unlocking session

    Hi,
    I'm configuring BGInfo to use a default image, to load up whenever a user logs in to the session. Well this is already done. 
    However, whenever I lock the station, and unlock it back again, the BGInfo and desktop image all disappear. There is no automated mechanism in my configuration to change background, so this doesn't make me much sense.
    Why's that, and how can I avoid this behaviour?
    Thanks in advance,
    Nuno Silva

    Hi,
    Please check your BGinfo setting, Especially the Desktop
    In addition, the default configured picture should loacate at %Temp%\BGInfo.bmp, after you unlock your computer, please check if it still locate there.
    Roger Lu
    TechNet Community Support

Maybe you are looking for