Results 1 to 5 of 5

Thread: Image not blinking

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default Image not blinking

    Hi,
    Please could you take a look at a page for me & advise.
    Below is the page in question.
    http://www.theremotedoctor.co.uk/hondacarkeyremotes.html

    The image which reads "key cutting & programming service available" should be blinking.
    I have checked it a couple of times now but cant see why its not working.

    Many Thanks.
    Last edited by Beverleyh; 01-09-2015 at 11:57 AM.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    How do you believe you are creating the blink?

    I have looked at the page and can't see any javascript or CSS that would power a blinking effect. And the image itself is a static jpg.

    Have you remembered to upload the script/CSS? Or maybe you meant to create a gif image instead?
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    I have a style css file which the code is
    Code:
    @-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
    @-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
    @-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
    @keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
     
    .blinking {
    border:1px solid #000;
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out;
    /* order: name, direction, duration, iteration-count, timing-function */ 
    -moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 2s infinite ease-in-out; /* IE */
    animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
    On another page i use you can see that the blinking image is working.
    See here.

    http://www.theremotedoctor.co.uk/honda_keys.html
    Last edited by Beverleyh; 01-09-2015 at 01:52 PM. Reason: formatting

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Have you remembered to upload the script/CSS?
    That CSS isn't present on the page so it isn't being applied. This is because the stylesheet doesn't exist at the specified location.

    Your markup is looking for the stylesheet "main.css" but the one from the working page is called "style.css"
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. #5
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    You told me the answer
    Main css / style css
    I have now changed it and all working ok.

    Have a nice weekend.

Similar Threads

  1. Cursor blinking behind dhtmlmodal
    By lostinpok in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 05-26-2011, 02:39 PM
  2. Blinking Cursor In HTML
    By soopaflyguy in forum Looking for such a script or service
    Replies: 1
    Last Post: 12-27-2009, 12:23 PM
  3. Blinking of a text inside the menu
    By lefrancisco1 in forum JavaScript
    Replies: 0
    Last Post: 11-18-2009, 05:51 AM
  4. Blinking cursor in searchbox
    By burginsteve in forum JavaScript
    Replies: 5
    Last Post: 08-13-2008, 03:28 PM
  5. Window Widget shows underlying form blinking cursor
    By Nomikon in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-20-2007, 06:11 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •