Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.59/32: Рейтинг темы: голосов - 32, средняя оценка - 4.59
0 / 0 / 0
Регистрация: 14.12.2013
Сообщений: 52

При наведении на картинку появляется блок с описанием. На dle не работает

18.01.2014, 13:50. Показов 5941. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
На своем тестовом сайте http://bars.3dn.ru/index/0-2 сделал картинку при наведении на нее появляется блок с описанием, но на dle не работает, и если добавить еще одну картинку то и тут работать перестает
Нужно чтоб при наведении было как тут http://w2.dwar.ru/info/news/?show=news&id=2370 на маленькие картинки

Помогите сделать скрипт и html код для dle чтоб просто было использовать
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.01.2014, 13:50
Ответы с готовыми решениями:

При наведении на картинку появляется блок
<div class="content"><!-- CONTENT ON --> <div class="slider"><!-- SLIDER ON --> <div...

При наведении на картинку появляется блок
Приветствую есть блок, в блоке картинка. Нужно что бы при наведение появлялся ещё один блок по верх картинки <div...

При наведении на один блок, появляется другой блок и прячется если на блок не наводить
Как тут

6
 Аватар для королев
17 / 9 / 2
Регистрация: 16.01.2014
Сообщений: 98
19.01.2014, 20:05
Начни писать, а мы поможем.
1
50 / 18 / 5
Регистрация: 20.08.2013
Сообщений: 162
19.01.2014, 21:58
Разобрался?

Добавлено через 16 минут
HTML5
1
2
3
4
5
6
<div class="block">
            <span>Описание</span>
            <div class="desc">
                <p>asldj askldfh askldjfh askldjfh </p>
            </div>
        </div>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 $('.block span').mousemove(function(event) {
                var pos = $(this).offset();
                var pageX = event.pageX;
                var pageY = event.pageY;
                var x = pageX - pos.left + 10;
                var y = pageY - pos.top + 10;
                
                $(this).next().show().css({
                    'left' : x + 'px',
                    'top' : y + 'px'
                });
                $(this).mouseout(function() {
                    $(this).next().hide();
 
                });
            });
1
0 / 0 / 0
Регистрация: 14.12.2013
Сообщений: 52
22.01.2014, 02:41  [ТС]
на ucoz все работает, а вот в dle нет( почему?
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
22.01.2014, 04:19
Цитата Сообщение от Bars999 Посмотреть сообщение
на ucoz все работает, а вот в dle нет( почему?
Так а где тот самый сайт на DLE где не работает? Наверно четвертый раз захожу в этот топик и не могу понять где и чего у вас там не работает.
1
0 / 0 / 0
Регистрация: 14.12.2013
Сообщений: 52
22.01.2014, 17:08  [ТС]
Надо чтоб на этом сайте titanspower.ru при наверединии на картинку 60х60 высвечивалось описание так же как и на этом сайте http://w2.dwar.ru/info/news/?show=news&id=2370

Я взял все скрипты от туда и CSS у меня получилось, но тестировал все на ucozовском сайте, а при переносе на dle не работает ничего((
0
50 / 18 / 5
Регистрация: 20.08.2013
Сообщений: 162
22.01.2014, 21:41
В консоль смотрели?
Jquery подключили?
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.01.2014, 21:41
Помогаю со студенческими работами здесь

Как на изображении добавить появляющийся блок с описанием при наведении курсора
Всем добра. Задача: нужно, чтобы изображение, которому присвоен данный класс выводился с полосой описания, а при наведении появлялась...

При наведении на картинку появляется другое
Всем привет, помогите реализовать такую штуку: ЧТо бы при наведение на картинку появлялись такие фичи, увеличение картинки и ссылка на...

При наведении на картинку появляется текст в центре
При наведении курсора на картинку текст не вертикально по центру картинки и важно убрать высоту height: 450px, сделать автоматически. ...

Не появляется текст при наведении на блок
Уже не могу маты льются из моих уст. Что делать? .holder{ border-bottom: 1px solid #ccc; position:relative; ...

Не появляется иконка при наведении на блок
При наведении на один блок, появляеться иконка этого элемента, при наведении на другой, ничего не происходит. В чем проблема? Вот...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru