Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
BART96
0 / 0 / 1
Регистрация: 04.02.2015
Сообщений: 37
1

HTML + CSS + JS (подкорректировать код js)

05.02.2015, 17:23. Просмотров 905. Ответов 2
Метки нет (Все метки)

Сайт http://bart.96.lt/ [http :// bart. 96 .lt/]
На нем круглая кнопка [http :// joxi . ru/GrqM91PH4qMdrz. jpg]
При нажатии на кнопку появляются картинки, которые двигаются. [http :// joxi. ru/zAN0jdRUv0W5m9. jpg]
При свернутом (начальном) виде видны края картинок. Если на них навести мышкой, происходит баг - система активируются (при чем частично. только те, на которые навести мышкой)

Для простоты объяснения я СПЕЦИАЛЬНО поставил "opacity: 1"

Вопрос: как блокировать изменения при неактивной кнопки ??? (точно что-то нужно менять в файле "script.js")

js никогда не изучал, но немножко понимаю за счет изучения php. И понимаю, что необходимо дописать еще одно условие, но не знаю синтаксиса. Прошу помочь.
0
Лучшие ответы (1)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.02.2015, 17:23
Ответы с готовыми решениями:

HTML код для CSS
#main .my.friend li li { color: #0f0; } Для какого HTML тега написан этот селектор?

Сделать css код из html
Подскажите плиз, есть html меню такого плана: <link rel="stylesheet" href="/style.css"...

HTML, CSS и JS в один код
Ребята, есть ли возможность реализовать вот это- https://codepen.io/xhepigerta/pen/grLadW ...

Что оптимальнее HTML + CSS + JS + С# или HTML + CSS + JS + Java и для каких задач?
Объясните, пожалуйста что оптимальнее и для каких задач HTML + CSS + JS + C# или HTML + CSS + JS +...

2
Vadim_Lasso
433 / 352 / 259
Регистрация: 29.11.2011
Сообщений: 627
05.02.2015, 20:45 2
Лучший ответ Сообщение было отмечено BART96 как решение

Решение

В файле script.js просто необходимо поменять значение у переменной istoggle с false на true [Строка 25]
Javascript
1
var istoggle = true;
Тест: http://jsfiddle.net/0gdtmdpk/1/
0
BART96
0 / 0 / 1
Регистрация: 04.02.2015
Сообщений: 37
06.02.2015, 01:20  [ТС] 3
Цитата Сообщение от LASSO Посмотреть сообщение
В файле script.js просто необходимо поменять значение у переменной istoggle с false на true [Строка 25]
Код JavaScript
1
var istoggle = true;
Это спасает от бага при первом запуске, но к сожалению пропадает функция остановки вращения (при наведении мышкой). А также после сворачивания баг остается (сейчас там тоже поставил "opacity: 1", чтоб нагляднее было) http://jsfiddle.net/0gdtmdpk/2/



Добавлено через 7 минут
Насколько я понимаю, необходимо выполнить один из вариантов:
1. Создать условие проверки - активирована ли кнопка. Есть да - "картинки = enable". Если нет - "картинки = disable". Условие использовать из строк 40-52. Но вновь напоминаю, из-за незнания синтаксиса проверить сам не могу.

2. Создать вторую прозрачную кнопку, которая будет за первой (основной), но перед картинками. То есть закроет из от случайного нажатия. [это сейчас попытаюсь сделать]

Добавлено через 32 минуты
Вторым способом получилось. (http://jsfiddle.net/0gdtmdpk/3/ - если кому-то интересно), но все же хотелось бы узнать, как нормально исправить баг, а не добавлять лишнее.
0
06.02.2015, 01:20
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.02.2015, 01:20

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Написать html код для css
Всем привет нужно будет написать htm код под css *{ margin:0; padding:0; ...

Код html и css для меню
Ребят, есть сайт на joomla 2.5, захотел сам нарисовать меню. Все сделал, есть нужные коды, а вот по...

Подкорректировать оформление таблицы. (CSS)
Здравствуйте пришельцы и люди. Так как я в HTML и CSS почти ноль, но не знаю как подправить...

Примерный код HTML и CSS для макета
Всем привет, кто сможет написать хотя бы примерный код в html и css, а дальше я могу сам...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.