אני רוצה לעשות עמוד עם לוגואים רצים כמו פה:

http://www.smoothdivscroll.com/multipleAutoscrollers.htm

אני משתמש בכמה דברים בעמוד שלי

1. jQuery, כמובן

2. את הפלאגין של היוצר SMOOTH SCROLL

3. את ה jQuery UI שהוא חייב לשים

4. את הקובץ HTML עם הלוגואים (בסקריפט). הקישור לקובץ ajaxContent.html תקין במחשב שלי

<script type="text/javascript">
$(function() {
$("div#logoParade").smoothDivScroll({autoScroll: "always", autoScrollDirection: "endlessloopleft", autoScrollStep: 1, autoScrollInterval: 45, ajaxContentURL: "ajaxContent.html"});

$("div#logoParade").bind("mouseover", function() {
	$(this).smoothDivScroll("stopAutoScroll");
}).bind("mouseout", function() {
	$(this).smoothDivScroll("startAutoScroll");
});
});
</script>

5. בבודי את הקוד :

<div id="logoParade">
		<div class="scrollingHotSpotLeft"></div>
		<div class="scrollingHotSpotRight"></div>
		<div class="scrollWrapper">
			<div class="scrollableArea"></div>
		</div>
		</div>

וכלום לא קורה :-[

כל הקישורים לסקריפטים תקינים

התמונות בעמוד HTML לא שבורות

תבדוק שקישרת כמו שצריך לקבצים של jQuery ושל הפלאגין.

לא השמטתי פעולה, נכון?

הDIV כתוב כמו צריך - לא פחות ולא יותר תווים?

לא ברור

קישרת ל css של הפלאגין?

כן ועדיין לא עובד לי :-\

התייאשתי ממנו ועברתי לקוד אחר, פשוט יותר.

http://www.haragei.com/playground/jquery-horisontal-ticker/index.html

השתמשתי בו וזה עובד. שאלה:

מה המשתנה שאוסיף לקוד כדי שהשורה תרוץ משמאל לימין ולא מימין לשמאל (דיפולט)?

יש attribute של direction="right".

שים לב שהקוד יוצר marquee שהוא deprecated ולא עובר ולידציה.

נכון. גם הקוד הזה לא משהו כי פשוט טיקר לJPGים זה נורא. זה זז בצורה לא חלקה ונראה לא טוב בעין.

אני ממשיך לחפש פלאגין ידידותי למשתמש ואולי אפילו רעיון אחר לתזוזה יפה של לוגואים באתר.

תנסה את הקוד הראשון שהבאת על דף "נקי", לדעתי היתה לך התנגשות של css.

הרבה פעמים direction rtl עושה בעיות.

ויתרתי על הקוד הראשון - לא הצלחתי להטמיע אותו כמו שצריך ובזבזתי על זה יותר מדי זמן.

היי ניר, מה אתה חושב על הקוד הזה:

http://flexidev.co.za/projects/flexislider

אין marquee

תנסה גם את זה:

http://www.smoothdivscroll.com/

יש יותר דוקומנטציהץ

"גם"?

זה הקוד שאני ניסיתי מלכתחילה ;D

אופס