View Full Version : Image not blinking
theremotedr
01-09-2015, 11:27 AM
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.
Beverleyh
01-09-2015, 11:59 AM
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?
theremotedr
01-09-2015, 12:54 PM
I have a style css file which the code is
@-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
Beverleyh
01-09-2015, 01:56 PM
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"
theremotedr
01-09-2015, 03:25 PM
You told me the answer
Main css / style css
I have now changed it and all working ok.
Have a nice weekend.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.