Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] problem z wyswietlaniem kodu
Raffuss
post
Post #1





Grupa: Zarejestrowani
Postów: 54
Pomógł: 0
Dołączył: 26.07.2008

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


Problem może z kategorii trywialnych ale poradzić sobie nie moge jednak..

Staram się odpalić na stronie generowanej dynamicznie taki skrypt:
http://www.gcmingati.net/wordpress/wp-cont...ollanimate.html

w sekcji HEAD laduje plik:
  1. <script type="text/javascript" src="js/jquery.li-scroller.1.0.js"></script>


oraz
  1. <script type="text/javascript">
  2. $(function(){
  3.    $("ul#ticker01").liScroll();
  4. });
  5. </script>


nastepnie w sekcji BODY umieszczam liste z ustawionym ID:
  1. <ul id="ticker01">
  2. <li><span>10/10/2007</span><a href="#">The first thing ...</a></li>
  3. <li><span>10/10/2007</span><a href="#">End up doing is ...</a></li>
  4. <li><span>10/10/2007</span><a href="#">The code that you ...</a></li>
  5. <!-- eccetera -->
  6. </ul>


W czym problem..? nie działa kompletnie.. Sprawdzalem takze na innych przykladach z sieci. Ba nawet z ciekawosci kopiowalem caly kod strony i takze nie dziala, pomimo iz na tamtym przykladzie wszystko dziala jak nalezy.. Czy cos na serwerze moze blokowac jQuery?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


Dodaj do cssa style (skopiowalem ze wskazanej strony):

Kod
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff;
width: 738px;
height: 27px;
margin: 0;
padding: 0
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}


Swoją drogą gupie, że nie dali w opisie(albo ja nie widzę), że style są potrzebne do działania. Bo raczej nie jest to takie oczywiste.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 9.10.2025 - 19:03