CSS: images that are not displayed for jQuery datepicker

I use datepicker from here: https://jqueryui.com/datepicker/

I clicked on the source code of the source, then copied the code.

Three lines below:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

I copied the / css scripts and saved them locally, then I downloaded the smoothness template, unzipped it, placed the images in / images on my server, but the arrow images do not appear, this is how it looks: http://postimg.org/image/bcnvipy61 /

Did I copy the images in the wrong place or something else? (I am not good at CSS)

EDIT (after reading the comments below:

<link rel="stylesheet" href="css/jquery-ui.css">
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/jquery-ui.js"></script>

therefore the ways:

css/
js/
images/
+4
source share
1 answer

jquery-ui.css :

.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

ui-icon .

:.

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.

- , , css , .

. - :

<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>

, css , , , , . jquery-ui.css , , .

. :

.ui-widget-content .ui-icon {
        background-image: url("/images/ui-icons_222222_256x240.png");
 }

.ui-widget-content .ui-icon {
        background-image: url("../images/ui-icons_222222_256x240.png");
}

, , , ...

+7
source

All Articles