אתר שנראה כמו ספר

24-12-2011, 09:54

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

אתר שנראה כמו ספר

האם מישהו מכיר דרך לעשות אתר שנראה כמו ספר, הכוונה הגלישה מתבצעד ע"י דיפדוף ראליסטי עם צליל של הפיכת דפים.

האם קיים דבר כזה שהוא לא בפלאש?

_____________________________________

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

24-12-2011, 10:02

צ'נדלר בינג צ'נדלר בינג אינו מחובר

חבר מתאריך: 16.06.06

הודעות: 7,595

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

את מתארת את האתר של העיתון "ישראל היום", לא? העמודים שם זה כמו עיתון שמדפדפים בו ויש צליל של הפיכת דפים.

_____________________________________

25-12-2011, 11:15

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 2 שנכתבה על ידי צ'נדלר בינג שמתחילה ב "את מתארת את האתר של העיתון..."

אם אתה מתכוון לזה, אז אני מכירה את זה, אבל הכל בנוי בפלאש.
http://digital-edition.israelhayom....F2011%2F12%2F18

אני מחפשת משהו כזה בדיוק אבל לא בפלאש.

_____________________________________

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

נערך לאחרונה ע"י i-pink בתאריך 25-12-2011 בשעה 11:17.

25-12-2011, 12:33

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

משהו כזה?
http://www.20thingsilearned.com

http://tympanus.net/Tutorials/MoleskineNotebook

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

25-12-2011, 21:16

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 4 שנכתבה על ידי ShoobyD שמתחילה ב "משהו..."

ואוווו
מדהימים!

אבל איך עורכים אותם? / מורידים את הסקריפטים?

_____________________________________

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

27-12-2011, 06:14

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

התחלתי לעבטד עם http://tympanus.net/Tutorials/MoleskineNotebook
שמתבסס על זה http://builtbywill.com/code/booklet/

אבל אני לא מוצאת איפה מוסיפים צליל של דיפדוף.

מישהו יכול לעזור לי עם זה?

_____________________________________

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

27-12-2011, 11:29

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

עידכונים

אני לא מצליחה למצא דרך להשמיע צליל.

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

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

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

זה הקוד שלי נכון לעכשיו:
http://67.86.254.202:8989

כאן ניתן לראות את הנגן HTML5 שהוספתי
http://67.86.254.202:8989/#/page/5

מכאן אפשר להוריד הכל כזיפ
http://67.86.254.202:8989/all.zip

יש למישהו רעיון?

ענבר.

_____________________________________

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

נערך לאחרונה ע"י i-pink בתאריך 27-12-2011 בשעה 11:33.

27-12-2011, 14:03

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

מצאתי בשורה 347 בקוד את הדבר הבא:
קוד:
								before:			 function(){},					// callback invoked before each page turn animation
אם אני מבינה נכון אמורה להכנס שם פונקציה שהוא יריץ כל הפיכת דף.

יש דרך לגרום לפונקציה להשמיע צליל?

מצאתי את הקודים הבאים לניגון סאונד:

עם JAVASCRIPT

ניתן לראות אותו עובד כאן:
http://67.86.254.202:8989/wav/
קוד:
<html>
<head>
<script language="javascript">
function playIt()
{
   document.getElementById("forEmbed").innerHTML="<embed src='http://67.86.254.202:8989/page-flip-2.wav' autostart=true loop=false volume=100 hidden=true>";
   return true;
}
</script>
</head>
<body>
<button type="button" onclick="playIt()">play clip
<div id="forEmbed">
</div>
</body>
</html>
עם HTML5

ניתן לראות אותו עובד כאן:

http://67.86.254.202:8989/html5/
קוד:
<audio controls="controls" autoplay="autoplay">
  <source src="page-flip-2.wav" type="audio/ogg" />
Your browser does not support the audio element.
</audio>
נראה שאני מגיבה לעצמי

_____________________________________

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

27-12-2011, 16:03

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 8 שנכתבה על ידי i-pink שמתחילה ב "מצאתי בשורה 347 בקוד את הדבר..."

את יכולה להשתמש במתודה play()‎ של אלמנט ה־audio.

לדוגמא
https://2011-uploaded.fresh.co.il/2...7/62949118.html
קוד:
<audio id="pageflipsound">
	<source src="http://67.86.254.202:8989/page-flip-2.wav" type="audio/ogg" />
	Your browser does not support the audio element.
</audio>
<a href="javascript:document.getElementById('pageflipsound'  ).play();">play page flip sound</a>

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

נערך לאחרונה ע"י ShoobyD בתאריך 27-12-2011 בשעה 16:05.

#10

27-12-2011, 16:47

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 9 שנכתבה על ידי ShoobyD שמתחילה ב "את יכולה להשתמש במתודה..."

זה עובד ממש ממש מגניב!

אבל איך אני שותלת את זה בתוך הפונקציה?

before: function(){}, // callback invoked before each page turn animation

_____________________________________

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

#11

27-12-2011, 18:50

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 10 שנכתבה על ידי i-pink שמתחילה ב "זה עובד ממש ממש מגניב! ..."

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

קוד PHP:

before: function(){ document.getElementById('pageflipsound').play(); }

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

#12

03-01-2012, 21:57

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 11 שנכתבה על ידי ShoobyD שמתחילה ב "לדעתי את פשוט זורקת בה כל מה..."

לקח לי זמן להגיב כיוון שאני בודקת על כמה פלטפורמות,

ולצערי זה לא עובד תקין על IE לגירסאותיו השונות (מיקרוסופט צריכים לפצות בוני אתרים)

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

_____________________________________

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

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "אתר שנראה כמו ספר"

לJQUERY יש דברים מדהימים בתחום.
ועם קצת ידע אפשר לעשות לבד.

_____________________________________

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

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

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

הדף נוצר ב 0.07 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה