Установка 3D-переворот по клику - Страница 2 - Сообщество uCoz

Страница 2 из 2 « 1 2
Модератор форума: JonMagon

Установка 3D-переворот по клику (3D эффект на картинке отображается некорректно. Помогите)))

Установка 3D-переворот по клику

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 16 | 20:38:41 26 Фев 2016

<p style="text-align: center;"> </p>

<div id="container">
<div id="button">Нажми сюда</div>

<div id="front"><p style="text-align: center;"><a href="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg"><img src="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg" style="width: 100%; height: 100%;" /></a></p></div>

<div id="back"> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/383095c9ce663db9be893a47696a87/?i=4"> <img width="100%" height="290" border="0" src="https://ad.admitad.com/b/383095c9ce663db9be893a47696a87/" alt="Нетология"/> </a> </div>
</div>

Выделенное красным удалите.

Добавлено (26 Фев 2016, 20:38:41)
---------------------------------------------
Vivaci, если вы указываете ширину в процентах, то высоту определённого размера указывать не стоит, т.к. картинка будет иначе растянута.

Сообщение отредактировал SkyFfs - Пятница, 26 Фев 2016, 20:40:03

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 17 | 20:42:11 26 Фев 2016

Без квери. Вот такой точнее.

Код

<script type="text/javascript">
   (function($){
       $('#button').click(function(){
       $('#front').toggleClass("toback");
       $('#back').toggleClass("tofront");
   });
   })(jQuery);
</script>

Цитата SkyFfs (

)

А код самой картинки можете показать? Или лучше весь скрипт. Зашёл к вам на сайт, и у меня ничего не плывёт, и картинка на текст не наезжает.

Покажите скрином как у Вас

Добавлено (26 Фев 2016, 20:42:11)
---------------------------------------------
Удалил

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 18 | 20:45:19 26 Фев 2016

<p style="text-align: center;"> </p>

<div id="container">
<div id="button">Нажми сюда</div>

<div id="front"><p style="text-align: center;"><a href="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg"><img src="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg" style="width: 100%; height: 100%;" /></a></p></div>

<div id="back"> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/383095c9ce663db9be893a47696a87/?i=4"> <img width="100%" height="290" border="0" src="https://ad.admitad.com/b/383095c9ce663db9be893a47696a87/" alt="Нетология"/> </a> </div>
</div>

Лучше так сделайте, красное удалите. Если у вас ширина в процентах указана, то высота будет подстраиваться автоматически.

Сообщение отредактировал SkyFfs - Пятница, 26 Фев 2016, 20:45:43

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 19 | 20:48:53 26 Фев 2016

Ок. Сделал.

Добавлено (26 Фев 2016, 20:48:53)
---------------------------------------------
У Вас все нормально отображается? Текст не под картинкой ?

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 20 | 20:53:01 26 Фев 2016

Теперь и у меня слетело, до этого всё было нормально.

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 21 | 20:57:14 26 Фев 2016

Странно, код вроде не менял.

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 22 | 21:04:14 26 Фев 2016

<blockquote style=" border-radius: 0px; #000000 solid; padding: 10px; margin: 0px 0px 50px 0px;">

<p style="text-align: center;"> </p>

<div id="container">
<div id="button">Нажми сюда</div>

<div id="front"><p style="text-align: center;"><a href="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg"><img src="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg" style="width: 100%;" /></a></p></div>

<div id="back"> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/383095c9ce663db9be893a47696a87/?i=4"> <img width="100%" border="0" src="https://ad.admitad.com/b/383095c9ce663db9be893a47696a87/" alt="Нетология"/> </a> </div>
</div></blockquote>

Добавлено (26 Фев 2016, 21:04:14)
---------------------------------------------
То число, которое я выделил красным, подстройте под себя, чтоб отдалиться от текста.

Сообщение отредактировал SkyFfs - Пятница, 26 Фев 2016, 21:03:31

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 23 | 21:07:41 26 Фев 2016

Верхней строчки у меня нет

только это:

Код

<p style="text-align: center;"> </p>

<div id="container">
<div id="button">Нажми сюда</div>

<div id="front"><p style="text-align: center;"><a href="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg"><img src="http://rubarub.ru/BLOG1/Clip2net_160214220742.jpg" style="width: 100%; height: 100%;" /></a></p></div>

<div id="back"> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/383095c9ce663db9be893a47696a87/?i=4"> <img width="100%"height="290" border="0" src="https://ad.admitad.com/b/383095c9ce663db9be893a47696a87/" alt="Нетология"/> </a> </div>
</div>

Добавлено (26 Фев 2016, 21:07:41)
---------------------------------------------
Даже когда вставил, не отдаляется(

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 24 | 21:09:01 26 Фев 2016

Vivaci, верхнюю строчку я дописал, пробуйте.

Добавлено (26 Фев 2016, 21:09:01)
---------------------------------------------
У меня всё отдалилось, как надо. Почистите браузер, сейчас скрин пришлю.

Сообщение отредактировал SkyFfs - Пятница, 26 Фев 2016, 21:09:47

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 25 | 21:09:18 26 Фев 2016

Тфу. Закрыть забыл /blockquote. Да, теперь отдаляется)))))) Спасибо большое!)))

SkyFfs

Сообщений: 143

Репутация: 98

Сообщение # 26 | 21:17:56 26 Фев 2016

Только вы число уж больно большое выставили, далековато от текста.

Добавлено (26 Фев 2016, 21:17:56)
---------------------------------------------
Проверил во всех браузерах, всё прекрасно работает.

Сообщение отредактировал SkyFfs - Пятница, 26 Фев 2016, 21:20:27

Vivaci

Сообщений: 54

Репутация: 3

Сообщение # 27 | 21:19:11 26 Фев 2016

Это я пробовал просто. Поставил в %, вроде работает. Спасибо Вам огромное еще раз!

Установка 3D-переворот по клику (3D эффект на картинке отображается некорректно. Помогите)))

Страница 2 из 2
«
1
2