Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> przewijane obrazki efekt marquee
k4miill
post 4.07.2016, 04:08:59
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 18.01.2014

Ostrzeżenie: (0%)
-----


Witam, próbuje ustawić efekt marquee na mojej stronie, chciałbym żeby to wyglądało ze jest przewijany jeden obrazek za drugim, ale niestety za każdym razem kiedy dodaje nowy obrazek kod się rozwala i jest obrazek pod obrazkiem, a chciałbym żeby było w jednej ciągłej linii, użyłem do tego bardzo prostego skryptu.

  1. <marquee direction="left" scrollamount="4" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"> <a href="http://przykladowastrona.pl" target="_blank"><img src="/obrazek1.png" alt=""></a>
  2. <a href="http://przykladowastrona.pl" target="_blank"><img src="/obrazek1.png" alt=""></a><a href="http://przykladowastrona.pl" target="_blank"><img src="/obrazek1.png" alt=""></a></marquee>
Go to the top of the page
+Quote Post
trueblue
post 4.07.2016, 07:06:47
Post #2





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


http://log.vieron.net/articles/pure-css-in...-image-marquee/


--------------------
Go to the top of the page
+Quote Post
k4miill
post 4.07.2016, 11:43:42
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 18.01.2014

Ostrzeżenie: (0%)
-----


Spoko, Fajnie

W sumie zapomniałem o tym wspomnieć, ale tez chciałbym ze jak najedzie się myszka na obrazek to on się zatrzymuje.
Go to the top of the page
+Quote Post
trueblue
post 4.07.2016, 11:46:40
Post #4





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


  1. .cssanimations .marquee > ul:hover {
  2. animation-play-state: paused;
  3. }


--------------------
Go to the top of the page
+Quote Post
k4miill
post 4.07.2016, 12:23:20
Post #5





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 18.01.2014

Ostrzeżenie: (0%)
-----


cos nie tak jest z tym, sprawdziłem ten kod na chrome i działa ale na Mozilli jest już problem bo rozwala się tak samo jak i mój.
Go to the top of the page
+Quote Post
trueblue
post 4.07.2016, 12:32:07
Post #6





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Wrzuć tu kod: https://jsfiddle.net/


--------------------
Go to the top of the page
+Quote Post
LowiczakPL
post 4.07.2016, 12:53:54
Post #7





Grupa: Zarejestrowani
Postów: 531
Pomógł: 55
Dołączył: 3.01.2016
Skąd: Łowicz

Ostrzeżenie: (0%)
-----


w przypadku sliderów

float: left dla obrazków i overflow:hidden dla kontenera


--------------------
Szukam zleceń Symfony, Laravel, Back-End, Front-End, PHP, MySQL ...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 19:31