У меня есть один веб-сайт и два доменных имени. Я хочу, чтобы изображение "A" появилось, если посетитель перешел на страницу на www.SampleSiteA.com, но изображение "B" должно появиться, если на странице с сайта www.SampleSiteB.com.
К сожалению, результат моего кода ниже пуст, без какого-либо изображения. Есть идеи?
содержимое файла: welcome.html
<html>
<head>
<script src="/domain.js" type="text/javascript"></script>
</head>
<body>
<div class="welcomepic"></div>
</body>
</html>
Содержимое для файла: styles.css
.picForA{
background-image: url('../img/A.png');
}
.picForB{
background-image: url('../img/B.png');
}
.welcomepic{
background-position:left center;
background-repeat: no-repeat;
padding-left:160px;
width:225px;
float:left;
height:100px;
display: block;
}
Содержимое файла: domain.js
function welcomepic() {
if (location.hostname == 'www.SampleSiteA.com') {
$('.welcomepic').addClass('picForA');
} else {
$('.welcomepic').addClass('picForB');
}
}
вы не называете свою функцию. Решением будет объявление следующего кода в голову html.
$( document ).ready(function() {
welcomepic();
});
вам также необходимо удалить предыдущий класс set в функции welcompic, иначе вы получите двойные классы.
function welcomepic() {
if (location.hostname == 'www.SampleSiteA.com') {
$('.welcomepic').removeClass('picForB').addClass('picForA');
} else {
$('.welcomepic').removeClass('picForA').addClass('picForB');
}
}