לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

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



  #1  
ישן 10-04-2010, 15:17
  shushu304 shushu304 אינו מחובר  
 
חבר מתאריך: 19.10.08
הודעות: 69
עזרה בגלריה עם jquery

מצאתי קוד באינטרנט ונסיתי להוסיף לו כפתורי next ו-back
http://www.nwo.co.il/webmaster/ligh...ow_gallery.html

קוד המקור שלקחתי עשה את הדבר הבא:
http://tutsvalley.com/demos/modal/

יש לי שתי בעיות עיקריות:
1)כפתור back עובד לי אבל הכפתור next לא...
2)כאשר מחליפים תמונות אז לפני שהתמונה נעלמת רואים כבר את התמונה החדשה והיא זאת שבעצם נעלמת ואז מופיעה שוב
איך מטפלים בזה?

בעיקרון הגדרתי attr לכל תמונה בשם num
אותה אני שולף ואז בתמונה של ה-DIV שאני פותח אני גם משנה שם את ה-num
ואז בכפתורי הבא ואחורה אני מוסיף או מחסר 1 לפי הצורך ואז מכניס את ה-src החדש של התמונה.
את ה-src-ים הגדרתי במערך וכך בעצם לפי המספר אני שולף את מקור התמונה המתאים לפי ה-num שהוספתי או החסרתי.

שורות הפקודות של כפתור next
קוד:
$('#next').click(function(){ var num =0; var next_num=0; // take the next image src var num = $('#img_window img').attr('num'); if (num==8) { next_num = 0; } else { var next_num = num + 1; } var new_img = images[next_num]; //var next_img_src = $('#img_window img').next(".activate_modal").attr('src'); $('#img_window img').attr('num',next_num); $('.modal_window').fadeOut(500); $('#img_window img').attr('src',new_img); $('#img_window').fadeIn(500); return false; });


שורות הפקודות של כפתור back
קוד:
$('#back').click(function(){ var num =0; var prev_num=0; // take the previos image src var num = $('#img_window img').attr('num'); if (num==0) { prev_num = 8; } else { var prev_num = num - 1; } var new_img = images[prev_num]; //var prev_img_src = $('#img_window img').prev(".activate_modal").attr('src'); $('#img_window img').attr('num',prev_num); $('.modal_window').fadeOut(500); $('#img_window img').attr('src',new_img); $('#img_window').fadeIn(500); return false; });
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 12-04-2010, 14:06
  משתמש זכר yoavmatchulsky yoavmatchulsky אינו מחובר  
 
חבר מתאריך: 15.08.06
הודעות: 1,561
שלח הודעה דרך ICQ אל yoavmatchulsky שלח הודעה דרך MSN אל yoavmatchulsky Facebook profile
בתגובה להודעה מספר 1 שנכתבה על ידי shushu304 שמתחילה ב "עזרה בגלריה עם jquery"

אם אין לך מספר גדול של תמונות, הייתי מציע לך פתרון אחר
תטען את כל התמונות בהתחלה כאשר כולן לא מוצגות חוץ מאחת.
קוד:
<div id="img_wrapper"> <img src="a.jpg" /> <img src="b.jpg" /> <img src="c.jpg" /> </div>


ובהתחלה תריץ את זה:
קוד:
$(function () { $('#img_wrapper img').not(':first-child').hide(0); }


את הפונקציות next ו prev:
קוד:
$('#next').bind('click', function () { var t = $(this); var current = $('#img_wrapper img:visible'); if (current.length == 1) { var next = current.next('img'); if (next.length == 0) { next = $('#img_wrapper img:first-child'); } current.fadeOut(); next.fadeIn(); });


את prev אתה מוזמן לכתוב להשלים

הסיבה העיקרית שאני מעדיף את השיטה הזאת היא שככה אין בעיה של טעינת תמונה באמצע העבודה. כל התמונות נטענות בהתחלה ומרונדרות למקום הנכון שבו הן אמורות להיות.
_____________________________________
!!אזהרה!!
ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם
!!אזהרה!!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

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

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 07:16

הדף נוצר ב 0.04 שניות עם 12 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2025 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר