DD Drop in slide show

[theremotedr]

Hi,
Thanks for that.
Was i supposed to do anything else ?
I replaced the index & css file but looking on the page i see all the images down the screen ?

Looks on on phone just pc ?

[coothead]

Hi there theremotedr,

you seem to be experiencing that old cache problem.

Get one of your digits to agitate the F5 function key.

Whilst testing with IE11, though, I did notice a problem with the
animation; it does not work with "top: 0" buts needs "top: 0%".

Change the @keyframes slide section with this...

/* this is for 4 images */ 
@keyframes slide { 
 0%    {top: -100%; z-index:2;}
 5%    {top: 0%;    z-index:2;}
 25%   {top: 0%;    z-index:1;}
 30%   {top: 0%;    z-index:1;}
 30.1% {top: -100%; z-index:0;l}
}


/* this is for 5 images */ 
/*
@keyframes slide { 
 0%    {top: -100%; z-index:2;}
 4%    {top: 0%;    z-index:2;}
 20%   {top: 0%;    z-index:1;}
 24%   {top: 0%;    z-index:1;}
 24.1% {top: -100%; z-index:0;}
 }
*/
/* this is for 6 images */ 
/*
@keyframes slide { 
 0%    {top: -100%; z-index:2;}
 3.33% {top: 0%;    z-index:2;}
 16.66%{top: 0%;    z-index:1;}
 20%   {top: 0%;    z-index:1;}
 20.1% {top: -100%; z-index:0;}
 }
*/
/* this is for 7 images */ 
/*
@keyframes slide { 
 0%    {top: -100%; z-index:2;}
 2.86% {top: 0%;    z-index:2;}
 14.3% {top: 0%;    z-index:1;}
 17.16%{top: 0%;    z-index:1;}
 17.2% {top: -100%; z-index:0;}
 }
*/
/* this is for 8 images */ 
/*
@keyframes slide { 
 0%    {top: -100%; z-index:2;}
 2.5%  {top: 0%;    z-index:2;}
 12.5% {top: 0%;    z-index:1;}
 15%   {top: 0%;    z-index:1;}
 15.1% {top: -100%; z-index:0;}
 }
*/

[theremotedr]

Hi,
Ive pressed F5 i dont know how many times before i replied.
I made the changes as mentioned above.
F5 then 10 times but still no animation.
I have checked on iphone & Fire Fox and both work fine.

Tomorrow i will flush out Chrome and it should be ok then.

Many thanks for you help.
On a side not,
Whilst ive now cleaned ALL my pages ive 2 requests from you if i may.

Ive managed to kill the video player here, http://www.theremotedoctor.co.uk/fli...llto=selection

Ive also noticed that the Google Language Thing is all Italic now where before i could make it what i required etc.
Please could you take a quick look for me.

Thanks for showing me how to clean up the pages,it took me about 8 hours in total.
But i also got to see how the pages were organised on the site & in the code much better.

[coothead]

Hi there theremotedr,

It is weird that the F5 function key is being ignored by Chrome.

No problem, there's more than one way to skin a cat.

Try this routine...

1. Open your Chrome browser
2. To the top right below the "X" you will find three vertical dots.
3. Click on them.
4. Click "More tools".
5. Click "Clear browsing data".
6. Check "Cached images and files".
7. Click "Clear browsing data".
8. Take a short break .

coothead

[theremotedr]

I've read you can also Shift + F5 also CTRL+F5
Tomorrow will check it out.
A few things on my list to finish tomorrow & job done.

Thanks for the time spent helping with this.

[coothead]

Hi there theremotedr,

now, I can provide a solution to your video problem.

You need to add this...

<script src="js/scripts/player.js"></script>

coothead

...at the bottom of the document for all pages that have a video.

[coothead]

Hi there theremotedr,

I am not seeing your "Italic" problem in any of my browsers.

coothead

[theremotedr]

Thanks.
Will add video code tomorrow and report back.

Strange you don't see the Google font issue.
Did you see my screen shot ?

It either changed when I was cleaning the page or when we changed the font for the headers.
I will look for the post where I carried it out.

[theremotedr]

Here it is I think.

[coothead]

Hi there theremotedr,

I have traced the font displayed in your image to this site...

Lucida Handwriting

Searching your loaded CSS, gave me this information...

basic-style.css

/* typography */
body{
	color:#000099; /* background colour around the remote doctor header pc & ios */
	font-family:'Lucida Handwriting', 'Droid Serif', Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em; 
	font-weight:normal;
}


h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'Lucida Handwriting', 'Droid Serif', Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
	text-align:center;
} 

/* links */
a,
a:visited,
a:active{font-family:'Lucida Handwriting', 'Droid Serif', Arial, Helvetica, sans-serif;}

As I don't have "Lucida Handwriting" in my "Windows Fonts",
I would, of course, never see it in any of your pages.

coothead