How to make a time based image transition using CSS?

Hi
I want to make an image in a DIV morph into another (in the
same DIV) and then back again every ten or 20 seconds, but I want
the transition to be smooth. . I was wondering if there is a simple
CSS way of doing this, rather than making an animated gif with
stacks of frames?
Cheers
Shaun

CSS doesn't do such things.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"celebritymusic" <[email protected]> wrote
in message
news:esm5vt$8mn$[email protected]..
> Hi
>
> I want to make an image in a DIV morph into another (in
the same DIV). I
> was wondering if there is a simple CSS way of doing
this, rather than
> making an animated gif?
>
> Cheers
>
> Shaun

Similar Messages

  • How to make a form-based search API using HTTPClient

    Hi,
    I am getting trouble to make an API that is related to making a site search by using a form-based search API by help of HTTPClient

    Hi,
    Something seems to get added to the form action because of "http". Hence I am removing it.
    You need to write a procedure with the values in the as parameters. Say for example you want to insert a record into dept
    table then
    Dynamic page code
    <html>
    <body>
    <form action="portalschema.insert_dept">
    <input type="text" name="p_deptno">
    <input type="text" name="p_dname">
    <input type="submit" name="p_action" value="save">
    </form>
    </body>
    </html>
    Procedure code.
    create or replace procedure insert_dept
    (p_deptno in number,
    p_dname in varchar2,
    p_action in varchar2)
    is begin
    if p_action = 'save' then
    insert into scott.dept(deptno,dname) values(p_deptno,p_dname);
    commit;
    end if;
    end;
    grant execute on insert_dept to public;
    Hope this helps.
    Thanks,
    Sharmila

  • How to make a Colorful Gif Image for Holi

    How to make a colorful Gif Image for Happy Holi 2014

    Okay, I know this doesn't answer your question, but don't get me wrong. A logo is meant to be the way it was designed - upright, no flipping/ swiveling animation. Why exactly do you want to let your logo turn around?
    If its to grab attention, why dont you consider animating the area on which your logo sits (header)? Or maybe add nice transitive slideshows on your main content area to add more interactivity?

  • How to add byte[] array based Image to the SQL Server without using parameter

    how to add byte[] array based Image to the SQL Server without using parameter.I have a column in table with the type image in sql and i want to add image array to the sql image column like below:
    I want to add image (RESIM) to the procedur like shown above but sql accepts byte[] RESIMI like System.Drowing. I whant that  sql accepts byte [] array like sql  image type
    not using cmd.ParametersAdd() method
    here is Isle() method content

    SQL Server binary constants use a hexadecimal format:
    https://msdn.microsoft.com/en-us/library/ms179899.aspx
    You'll have to build that string from a byte array yourself:
    byte[] bytes = ...
    StringBuilder builder = new StringBuilder("0x", 2 + bytes.Length * 2);
    foreach (var b in bytes)
    builder.Append(b.ToString("X2"));
    string binhex = builder.ToString();
    That said, what you're trying to do - not using parameters - is the wrong thing to do. Not only it is insecure due to the risk of SQL injection but in the case of binary data is also inefficient since these hex strings are larger than the original byte[]
    data.

  • Firefox open images in a new tab upon clicking the link,how to make firefox to save images in the folder upon clicking the link

    firefox open images in a new tab upon clicking the link,how to make firefox to save images in the folder upon clicking the link.

    You can right-click the image and use "Save Image As" to save that image.

  • How to make visible Time Sheet link

    Hi,
    I want to know how to make visible Time Sheet link on portal for a particular Personnel Area so that employees of this PA can fill their Time Sheet from the portal.

    HI,
    Use Tcode - CAT 2
    Regards,
    Shadeesh.G

  • I want to make gImage Class extends Image and use Graphics2D

    Sorry, my english short...
    I want to make gImage Class extends Image and use Graphics2D
    I trying to do...
    make class gImage..
    extends Image class. (Inheritance)
    but Image class is abstract class..
    And I want to use gImage class same as Image class.
    I can't use constructor... because by Abstract calss...
    How do i?
    Help me.. plz...
    And I want to use Graphics2D at Applet Game, But not use Java JDK Plug-in...
    No Way?

    You need to use BufferedImage with 2D or RenderedImage with JAI.
    BufferedImage effectivley extends an Image so you can
    draw it to screen in paintCOmponent.
    I use an Extended JPanel to draw an image in a Panel with this.
    MArk

  • How can data load time can be optimized using routine

    Hi,
    Data laod is taking too much time . How can data load time can be optimized using routine
    Regards,
    Vivek

    Hi Vivek,
    If you have code wirtten, please try to post the same, so that i cna help you in optimising it and give it you...
    General Guideleines.
    1. Dont use select statement inside the loop.
    2. where possibel try to use Read statement with Binary Search Option and avoid using loop statement.
    3. Try to avaoid joins if you are using any, isntead use For alll entries.
    4. Try When u use for all entries try to make sure that your internal tbale is not initial.
    5. Try to Sort and delete adjacent duplicates from internal tables wherever needed.
    6. Use clear statement whererver required.
    Regards,
    Nanda.S

  • How to make a program for backgroung processing used servlet

    how to make a program for backgroung processing used servlet

    well i need the coding part written in servlet ,in which servlet is always ready for accepting a client request.

  • How to make a part of image have transitions on hover

    hey i wanna know how to make a part of a image have transitions when we hover on it like on my website :-perfectionunleashed.in i got this template from internet
    when i hover on second box "mission" comes with ease-in-out effect i cant get anything in my head while viewing source.
    will anybody view it by source and tell me how its done.

    CSS for "Coming Soon" buttons:
    .grad2 {
        display: block;
        width: 232px;
        height: 132px;
        text-indent: -99999px;
       background:url('images/grad2.png') right;
         opacity:0.0;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
    .grad2:hover {
        background:url("images/grad2.png") no-repeat scroll 0px 0px;
        box-shadow: 0px 0px 4pt rgba(0,0,0,0.9) inset;
        -moz-transition: all 540ms ease-in-out 0.0s;
        transition: all 540ms ease-in-out 0.0s;
        -webkit-transition: all 540ms ease-in-out 0.0s;
        opacity:1;
    .coming {
        display: block;
        width: 232px;
        height: 132px;
        text-indent: -99999px;
        background:url('images/grad_coming.png') left;
        opacity:0.0;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
    .coming:hover {
       background:url("images/grad_coming.png") no-repeat scroll -232px 0px;
        box-shadow: 0px 0px 4pt rgba(0,0,0,0.9) inset;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
        opacity:1;
    All buttons are inside a table.  This is the HTML for "Coming Soon."
    <td>
         <div class="grad2">
          <div class="coming">
         <a class="coming" href="http://perfectionunleashed.in/"></a>
         </div>
         </div>
    </td>
    Nancy O.

  • How to make a PDF embedded image append a report and send via fax electronically from MS SSRS 2012?

    How can I make a PDF embedded image append a SSRS 2012 report and send via fax all electronically?  Is this possible?
    Thanks in advance for your time!

    Hello,
    1. The report item Image can be used to display the image which  embedded in the report, stored in a database, stored on the report server, or stored elsewhere on the Web.
    For example, you can embedded the PDF image in the report and stored as text in the report definition.
    2.Reporting Services includes an e-mail delivery extension and a file share delivery extension which you can send report to user or group through e-mail or send the report to a shared location on your network.
    If you want to send the report to FAX, you may try to create a custom delivery extension depend on your faxing software.
    Reference:Implementing a Delivery Extension
    Regards,
    Fanny Liu
    Fanny Liu
    TechNet Community Support

  • How to calculate elapsed time based on user input

    I'm not sure what to do next in this program. Basically, I'm not sure exactly how to get the time to output accurately, as in what forumla I should be using.
    This is the question:
    What comes 13 hours after 4 o'clock? Create an ElaspedTimeCalculator application that prompts the user for a starting hour, whether it is am or pm, and the number of elapsed hours. The application then displays the time after that many hours have passed. Application output should look similar to:
    Enter the starting hour: 7
    Enter am or pm: pm
    Enter the number of elapsed hours: 10
    The time is: 5:00 amHere's the code I have so far:
    import java.util.Scanner;
    public class ElapsedTimeCalculator
         public static void main(String[] args)
              int starting_hour;
              int starting_minutes; /*This is added in case the user wants to add minutes as well.*/
              String am_or_pm;
              int elapsed_hours;
              int elasped_minutes;
              int time_hours;
              int time_minutes;
              System.out.println("Welcome. This application will give you the time based on your input.");
              System.out.println(" ");
              Scanner input = new Scanner(System.in);
              System.out.print("Enter the starting hour: ");
              starting_hour = input.nextDouble();
              System.out.print("Enter the starting minutes: ");
              starting_minutes = input.nextDouble();
              System.out.print("Enter either 'am' or pm': ");
              am_or_pm = input.nextString();
              System.out.print("Enter the number of elapsed hours: ");
              elapsed_hours = input.nextDouble();
              input.close();
              time_hours =
              time_minutes = 
              if(am_or_pm = "am" || am_or_pm = "a.m." || am_or_pm = "AM" || am_or_pm = "A.M.")
                   System.out.println("The time is " + time_hours + ":" + time_minutes + "am");
              if(am_or_pm = "pm" || am_or_pm = "p.m." || am_or_pm = "PM" || am_or_pm = "P.M.")
                   System.out.println("The time is " + time_hours + ":" + time_minutes + "pm");
    }To calculate time_hours should I just calculate this by adding the elapsed hour to the starting hour? I doubt it will be accurate for all situations.
    Same for the time_minutes For example, if the starting minutes and the elapsed minutes were 50, it would be greater than 60. Also, not sure if it makes sense to separate hours and minutes like this, it's not required to in the question. I initally thought it would be easier to approach like this instead of allowing the user to input a double for the starting hour. ex. 5.7
    I get the feeling that this is extremely simple, but nonetheless, I'm stuck, so any help would be appreciated.

    Well thanks to both of you. I did a little reading up on the modulus operator and coupled it with some logic (although, truthfully, I'm not really using to there actually being an application for the remainder of a division operation, since it's never really used very much in any of my Math courses) and the hours portion works perfectly now:
    import java.util.Scanner;
    public class ElapsedTimeCalculator
         public static void main(String[] args)
              int starting_hour;
              //int starting_minutes; /*This is added in case the user wants to add minutes as well.*/
              String am_or_pm;
              int elapsed_hours;
              //int elasped_minutes;
              System.out.println("Welcome. This application will give you the time based on your input.");
              System.out.println(" ");
              Scanner input = new Scanner(System.in);
              System.out.print("Enter the starting hour: ");
              starting_hour = input.nextInt();
              //System.out.print("Enter the starting minutes: ");
              //starting_minutes = input.nextInt();
              System.out.print("Enter either 'am' or pm': ");
              am_or_pm = input.next();
              System.out.print("Enter the number of elapsed hours: ");
              elapsed_hours = input.nextInt();
              input.close();
              int time_hours = 0;
              //int time_minutes;
              String meridien;
              if(am_or_pm.equals("am"))
                   time_hours = (starting_hour + elapsed_hours) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("am"))
                   time_hours = (starting_hour + elapsed_hours) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("AM"))
                   time_hours = (starting_hour + elapsed_hours) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("A.M."))
                   time_hours = (starting_hour + elapsed_hours) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("pm"))
                   time_hours = (starting_hour + elapsed_hours + 12) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("p.m."))
                   time_hours = (starting_hour + elapsed_hours + 12) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("PM"))
                   time_hours = (starting_hour + elapsed_hours + 12) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              else if(am_or_pm.equals("P.M."))
                   time_hours = (starting_hour + elapsed_hours + 12) % 24;
                   //time_minutes = (starting_minutes + elapsed_minutes) % 60;
              if(time_hours < 12)
                   meridien = "A.M.";
                   System.out.println("The time is: " + time_hours + ":00 " + meridien);
              else if(time_hours > 12)
                   meridien = "P.M.";
                   System.out.println("The time is: " + time_hours + ":00 " + meridien);
    }Now the only thing is the minutes. My teacher did say she wants the user to have the option to input minutes also if he/she desires, so I do need it. However, the only problem is that if say the user inputs a "starting minute" of 14 for example, and 66 minutes elapsing, then (14 + 66) int/ 60 = 1r20 but using the modulus operator would only give me 20. So how will I be able to add any extra hours if it is necessary?

  • Urgent!! How to make Security Profile Based on Payrolls???

    Dear Everyone,
    I am facing this urgent case which is:
    * My company have 2 payrolls, they need to make security based on payrolls, and the case is our HR team can access all employees data including elements except managers elements or managers data at all ( so they cant find them while querying on them from people enter and maintain window)
    * I tried to make a separate payroll for managers (third payroll) and then making security profile includes all payrolls so they can access all payrolls element and data, then I make another security profile with the original 2 payrolls for other HR team so they can access employees assigned to these payrolls only, but I had to choose which is restricted ( employees or contingent workers or applicants or contacts), I tried to restrict employees in both security options, then I assigned the first security profile which includes the 3 payrolls to their responsibility in profile options, also did that with the second security profile and assigned to the profile option for the responsibility of HR team.
    after choosing restrict employees in security profiles, in both responsibilities I cant find any employees( because I restricted them).
    Please tell me how to make some of the top management cannot be find within search in people enter and maintain, only top management responsibilities can access all employees data and information.
    thanks for your time
    Mohamed Mannaa
    [email protected]

    to use custom you can write something like
    ASSIGNMENT.grade_id in (select g.grade_id
    from
    per_grade_definitions gd,
    per_grades g
    where
    g.grade_definition_id=gd.grade_definition_id (+)
    and gd.segment1 <= 12
    this is showing all employees having grade less than or equal to 12; you can use any other criteria based on your needs.

  • How to make it repleatedly printed out by using timer??

    Dear Friends:
    I have following code to run, When I press R to repeat println, only 1 line print out,
    But I hope to make it continueously print out.
    How to make it repleatedly printed out until I press CTRL + C key ??
    Thyanks
    import java.util.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.io.*;
    public class CertainAndRepeatTime{
      public static void main(String[] args) throws IOException{
        int delay = 1;
        Timer timer = new Timer();
        ActionListener actionListener = new ActionListener() {
            public void actionPerformed(ActionEvent actionEvent) {
              System.out.println("Hello World Timer");
        System.out.println("What do you want (Certain time or Repeat time)?");
        System.out.print("Please enter \'C\' or \'R\' for that: ");
        BufferedReader in = new BufferedReader(new InputStreamReader(System.in));
        String ans = in.readLine();
        System.out.print("Please enter  ans=" + ans  + " IsTrue=  " + (ans.equals("R") || ans.equals("r")) +"\n");
        if (ans.equals("C") || ans.equals("c")){
          //System.out.println("This line is printed only once start...");
          timer.schedule(new TimerTask(){
            public void run(){
              System.out.println("This line is printed only once.");
          },delay,1);
        else if(ans.equals("r") || ans.equals("R")){
          timer.schedule(new TimerTask(){
            public void run(){
              System.out.println("This line is printed repeatedly.");
          },delay, 1000);
        else{
          System.out.println("Invalid Entry.");
          System.exit(0);
        System.exit(0);
    }

    The Timer is working fine, but because it runs in another Thread, your program is ending before the Timer can repeat.
    The simplest way to make your program wait until it is force-quitted as you describe would be to make an infinite loop (although this isn't very good practice), like this:
        else if(ans.equals("r") || ans.equals("R")){
          timer.schedule(new TimerTask(){
            public void run(){
              System.out.println("This line is printed repeatedly.");
          },delay, 1000);
        while(true){} //This will make your main thread hang.
        }A better way, though, would be to listen again with your System.in reader until they enter a letter that means quit.

  • How to develop simple time based ramp driver for lab view VI

    how do I develop simple time based ramp driver for lab view VI

    Here it is converted to LabVIEW 2010.  However it is missing the AO and AI read and write vis since I don't have that package.
    Attachments:
    SRI_TimeProportion.vi ‏70 KB

Maybe you are looking for

  • How to get the short text in tcode "msc3n" -- Basic data 2 -- short text.

    I have to display the short text in my report output. How to get the short text in tcode "msc3n" ( msc3n --> Basic data 2 --> short text.)? Is there any function module availble to get this short text or is this stored in any data base table ? Please

  • How to use iPhone 3G S in more than one iTunes.

    It keeps telling me when I hit "manually manage music" that I need to erase and sync my whole iPhone all over again. I have my own separate iTunes with all my files backed up from my iPod Nano and my iPhone is hooked up to that one, but if I go on th

  • Dout in Submit statement in print program....

    Hi all, In my print program, after printing my forms i need to call another print program. For this im using SUBMIT statement. I hope my print program goes to an update task. So when it encounters a function module or submit statement it coming out o

  • Cannot start up WL510 in Solaris 8

    Exception in thread "main" java.security.AccessControlException: access denied ( java.lang.RuntimePermission createSecurityManager ) at java.lang.Throwable.fillInStackTrace(Native Method) at java.lang.Throwable.<init>(Throwable.java:94) at java.lang.

  • Cancel picking request

    hi all we have warehouse management activated  and there is a issue where i need to cancel the transfer order  and the picking request. some how i have managed to cancel the transfer order using LT15 BUT  i am unable to cancel the picking request . i