let images = [
'https://placeimg.com/150/100/animals',
'https://placeimg.com/150/100/arch',
'https://placeimg.com/150/100/nature',
'https://placeimg.com/150/100/people',
]<img src="#" />
<img src="#" />
<img src="#" />
<img src="#" />
Может ещё добавлю картинки в будущем.
$(document).ready(function(){
$(".list-group-item-doc").hover(function(){
$(this).find("h4").css("bottom","15px");
},
function(){
$(this).find("h4").css("bottom","0px");
});
});.list-group-item-doc:hover h4{
bottom:15px
}$(document).ready(function() {
$(() => {
class Call {
constructor () {
this.elements = {
numberButtons: $('.numberButton'),
numberField: $('#numberField'),
call: $('#call')
};
this.init();
}
init () {
this.bindEvents();
}
// Обработка клика по кнопке с символом
onClickSymbol (event) {
var el = $(event.currentTarget);
var symbol = el.data('symbol');
var val = this.elements.numberField.val();
var newVal = val + symbol;
this.elements.numberField.val(newVal);
this.setTelNumberInCall(newVal);
}
// Обработка по вводу в поле
onInput (event) {
var value = this.elements.numberField.val();
this.setTelNumberInCall(value);
}
// Установить значение с телефоном в кнопку вызова
setTelNumberInCall (value) {
var telFormat = `tel:${value}`;
this.elements.call.attr('href', telFormat);
}
// Отправить номер на сервер
sendNumber (number) {
$.ajax({
url: 'action.php', // Куда отправить
type: 'default GET (Other values: POST)', // Каким методом
dataType: 'json',
data: {
number
}
})
.done(() => console.log("success"))
.fail(() => console.log("error"));
}
// Навешивание событий
bindEvents () {
// Клик по символам
this.elements.numberButtons.on('click', (event) => {
this.onClickSymbol(event);
});
// Ввод в поле
this.elements.numberField.on('input', (event) => {
this.onInput(event);
});
}
}
var call = new Call();
});
});
Спасибо вам огромное!