עבור לתוכן

עזרה בכתיבת גאווהסקריפט

על-ידי chibbi
ב תכנות

Featured Replies

פורסם

שלום לכולם

אני רק התחלתי לא מזמן ללמוד גאווה סקריפט

עכשיו ביקשו ממני לעשות סליידר תמונות פשוט

בעזרת גוגל בעיקר וכמה שינויים קטנים קתבתי את הקוד הבא אבל אני לא מצליח להוסיף לו פרמטרים לקבוע אורך ורוחב תמונה

אתם יכולים בבקשה לעזור לי?

[tt]

<script type='text/javascript' src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'> </script> <script type="text/javascript"> var imgs = [ 'http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-03.jpg', 'http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-02.jpg', 'http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-01.jpg']; var cnt = imgs.length; $(function() { setInterval(Slider, 2500); }); function Slider() { $('#imageSlide').fadeOut("slow", function() { $(this).attr('src', imgs[(imgs.length ) % cnt]).fadeIn("slow"); }); } </script>

  • ציטוט
    • פורסם

    ברוך הבא לפורום!

    אני ממליץ לך לערוך את ההודעה ולשים את הקוד בתוך טג קוד (כפתור עם ציור #) כדי שיהיה קריא יותר.

  • ציטוט
    • 2 שבועות מאוחר יותר...
    פורסם

    אני מאמין שאתה עובד שם על <img> של HTML (לפי ה ATTR שאתה קובע שם SRC)

    ב <img> אתה יכול לשים height= וגם width= או אחוזים או פיקסלים

  • ציטוט
    • פורסם 


        var imgs = [ '[url]http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-03.jpg'[/url], 
    	'[url]http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-02.jpg'[/url], 
    	'[url]http://www.h-woods.co.il/admin/wp-content/uploads/2012/10/vsop-01.jpg'];[/url]
    	var cnt = imgs.length;  
    	$(function() { setInterval(Slider, 2500); });   
    	function Slider() { 
    		$('#imageSlide').fadeOut("slow", function() { 
    			$(this).attr('src', imgs[(imgs.length ) % cnt]).css("width", "500px").css("height","400px").fadeIn("slow"); 
    		}); 
    	}

    את 

    .css("width", "500px").css("height","400px")

    אתה יכול להחליף ב 

    .attr("width", "500").attr("height","400")

    אם אתה רוצה לעבוד ללא inline css

    חוץ מזה, שמת לב שזה לא מחליף בין התמונות?

  • ציטוט
    • 2 שבועות מאוחר יותר...
    פורסם

    למה אתם תומכים בכתיבה כזאת?

    אם הבחור לומד אז שילמד כמו שצריך

    תן לכל הIMG מחלקה אחת, תגדיר להם את המידות בCSS ואז תצמיד אירוע לחיצה (או טיימר או מה שבא לך) לתמונות שמעביר בין התמונות.

    הלוגיקה שלך של ההחלפת תמונות שגויה, אם אתה צריך עזרה עם זה תכתוב, אני מציע לך אבל לנסות קודם לבד, רק ככה לומדים

    בהצלחה

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

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

    דיונים חדשים