Question

Как сделать, чтобы на большой картинке, которая появляется при нажатии на маленькую картинку, можно было сделать надпись?

Answer 1

Ознакомьтесь с материалом: https://blog.ucoz.ru/blog/watermark/2014-03-27-319 Если так не подходит, тогда наложение выполнять лишь в фотошопе.

Comments

"Делается очень просто, добавляем фото с помощью кода вида:

<a href="ссылка на фото" data-url="ссылка на фото" onclick="$('.ph-link').fancybox({title: 'Здесь ваш текст который будет под фото' });" class="ph-link"><img src="ссылка на фото"></a>

 

 13.02.2018 | Автор: Yuri_Geruk
Выбор ответа лучшим | 13.02.2018 | Автор: Марина Мушкина"

А это я могу использовать? Это Вы мне для моего другого сайта советовали. Кстати, отлично работает!!!

---

Марина Мушкина,

Можете если он вам подходит и для нового сайта.

---

Yuri_Geruk,

Он очень хорошо подходит, но хочется сделать шрифт крупнее. Это возможно?

---

Марина Мушкина,

На какой странице у вас это размещено и какой именно шрифт крупнее. Пример наведите.

---

Yuri_Geruk,

вот эту надпись под фоткой покрупнее сделать или шрифт потоньше, а то плохо читается.

---

Марина Мушкина,

Пропишите в стили:

.ph-link {font-size:20px!important;}

---

Yuri_Geruk,

Здравствуйте! Я сегодня открыла сайт, а у меня пропала и надпись и крестик, на который нажимают, чтобы закрыть окно, белая рамочка вокруг фото тоже пропала. На другом сайте всё есть. а на этом всё куда-то делось.

---

Марина Мушкина,

На что вы нажимаете чтобы появилась рамка, на какой странице?

---

Yuri_Geruk,

Я на главной странице нажимала в разделе "А что внутри наших тортиков?" на крестик на картинках и появлялось модальное окно в таком виде, как я Вам выслала вчера скриншот. А сегодня я нажимаю и появляется просто на абсолютно черном фоне большая картинка без рамки, подписи, которую я хотела подредактировать, и без крестика в правом верхнем углу фотографии.

---

Марина Мушкина,

Поправили. Сейчас все работает.

---

Yuri_Geruk,

Спасибо огромное!!!

Answer 2

"Делается очень просто, добавляем фото с помощью кода вида:

<a href="ссылка на фото" data-url="ссылка на фото" onclick="$('.ph-link').fancybox({title: 'Здесь ваш текст который будет под фото' });" class="ph-link"><img src="ссылка на фото"></a>