עבור לתוכן

הצגת תמונה ללא רקע ב IE או רק את התמונה ללא החלון

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

Featured Replies

פורסם

שלום,

יש לי שאלה אני בניתי מן חלון שבזמן  טעינה כבדה ASP יציג מן שעון חול ANIMATED GIF ,

עכשיו בהנחה שאני לא יכול להשתמש ב FLASH,

יש איזה שהיא צורה לטעון את ה GIF ללא התוספות של האקספלורר כלומר שיראו רק את התמונה נטו

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

אני יודע שב flash אפשר, השאלה עם אפשר גם באמצעים הפרימיטיביים של ASP,DHTML,JS?

אני מקווה שהשאלה הייתה מספיק ברורה

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

    אתה פשוט יוצר DIV או SPAN בגודל כל החלון שע"י SCREEN WIDTH וHEIGHT שב- JS ושם בו את התמונה שלך. שים לב שאתה צריך לשנות גם את הORDER שלו להכי גבוהה ולשים אותו ראשון בעמוד(אולי בידיוק אחרי פתיחת הBODY), ובסוף העמוד אתה שם פקודה שמסתירה אותו(גם עם CSS וJS). תחפש באתרים שיש בהם קודים מוכנים, יש הרבה דוגמאות כאלה שם.

  • ציטוט
    • פורסם
    • מחבר

    :kopfpatsch: תודה

    אבל לא זאת הייתה הכוונה שלי,

    או שלא הבנתי אותך :)

    במידה ואתה יוצר DIV או SPAN עדיין יהיה רקע ממתחת, נכון?

    ואתה מדבר על הצגה באותו דף ואני מדבר על טעינה של דף חיצוני

    למרות שברור שהרעיון דומה גם אצלי וגם אצלך.

    אולי אינ יבהיר אני מדבר על רקע שקוף של החלון שעליו מוצג ה gif

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

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

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

    קיצר, תיפתח חלון בגודל של התמונה

  • ציטוט
    • פורסם
    • מחבר

    הי,

    תודה על התגובה,

    ברור שזה מה שאני עושה :)

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

    הרבה יותר יפה ומרשים.

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

    כנראה שאין שליטה או אפשרות לעשות את זה ללא כלים מיוחדים,אני יודע שיש plugin שעושה את זה

    אבל בשביל אסתטיקה אני לא יתחיל להתקין אקטיב Xים אצל המשתמשים.

    מעניין מה זה בדיוק כל הפרסומות הללו?אם הם לא flash או שילוב של HTML/ASP/JS?

    ושוב תודה על העזרה

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

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

    כל הפרסומות הקופצות שמוכרות לך מאתרים כמו וואלה וכד' גם עשויות כך הפרסומת עצמה הינה ב flash כאשר ידוע שיש לו פרמטר של שקיפות וה flash הזה מתלבש על layer.

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

  • ציטוט
    • פורסם
    • מחבר

    תודה,

    את כל הקטע של השכבות כבר עשיתי עכשיו נשאר לי רק ללמוד קצת flash ויהיה בסדר :)

    המון תודה על העזרה

  • ציטוט
    • פורסם
    • מחבר

    :xyxthumbs:

    המון תודה

    ממש קרוב למה שרציתי...

    נראה לי אני ישתמש בזה

    :)

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



    <html>
    <head>
    <title></title>
    <script>

    //DHTML Window script- Copyright Dynamic Drive ([url]http://www.dynamicdrive.com[/url])
    //For full source code, documentation, and terms of usage,
    //Visit [url]http://www.dynamicdrive.com/dynamicindex9/dhtmlwindow.htm[/url]

    var dragapproved=false
    var minrestore=0
    var initialwidth,initialheight
    var ie5=document.all&&document.getElementById
    var ns6=document.getElementById&&!document.all

    function iecompattest(){
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function drag_drop(e){
    if (ie5&&dragapproved&&event.button==1){
    document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px"
    document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px"
    }
    else if (ns6&&dragapproved){
    document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px"
    document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px"
    }
    }

    function initializedrag(e){
    offsetx=ie5? event.clientX : e.clientX
    offsety=ie5? event.clientY : e.clientY
    document.getElementById("dwindowcontent").style.display="none" //extra
    tempx=parseInt(document.getElementById("dwindow").style.left)
    tempy=parseInt(document.getElementById("dwindow").style.top)

    dragapproved=true
    document.getElementById("dwindow").onmousemove=drag_drop
    }

    function loadwindow(url,width,height){
    if (!ie5&&!ns6)
    window.open(url,"","width=width,height=height,scrollbars=1")
    else{
    document.getElementById("dwindow").style.display=''
    document.getElementById("dwindow").style.width=initialwidth=width+"px"
    document.getElementById("dwindow").style.height=initialheight=height+"px"
    document.getElementById("dwindow").style.left="30px"
    document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+30+"px" : iecompattest().scrollTop*1+30+"px"
    document.getElementById("cframe").src=url
    }
    }

    function maximize(){
    if (minrestore==0){
    minrestore=1 //maximize window
    document.getElementById("maxname").setAttribute("src","restore.gif")
    document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px"
    document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px"
    }
    else{
    minrestore=0 //restore window
    document.getElementById("maxname").setAttribute("src","max.gif")
    document.getElementById("dwindow").style.width=initialwidth
    document.getElementById("dwindow").style.height=initialheight
    }
    document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px"
    document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px"
    }

    function closeit(){
    document.getElementById("dwindow").style.display="none"
    }

    function stopdrag(){
    dragapproved=false;
    document.getElementById("dwindow").onmousemove=null;
    document.getElementById("dwindowcontent").style.display="" //extra
    }

    </script>
    </head>

    <body>
    <div id="dwindow" style="position:absolute;background-color:#EBEBEB;cursor:hand;left:0px;top:0px;display:none" onMousedown="initializedrag(event)" onMouseup="stopdrag()" onSelectStart="return false">
    <div align="right" style="background-color:navy"><img src="max.gif" id="maxname" onClick="maximize()"><img src="close.gif" onClick="closeit()"></div>
    <div id="dwindowcontent" style="height:100%">
    <iframe id="cframe" src="" width=100% height=100%></iframe>
    </div>
    </div>

    <script>
    //Use below code to load DHTML Window as page loads
    if (ns6) window.onload=new Function('loadwindow("[url]http://www.aguda.net",800,600[/url])')
    else
    loadwindow("[url]http://www.aguda.net",800,600[/url])
    </script>

    <!--Use below code to load DHTML window via link-->
    <!--
    <a href="javascript:loadwindow('[url]http://www.google.com',600,400[/url])">Geocities</a>

    -->
    </body>
    </html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

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

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

    כשאמרת חלון התכוונת IFRAME?

  • ציטוט
    • פורסם
    • מחבר

    אחלה,

    המון תודה :)

    רק עכשיו ראיתי את הדוגמא שלך

  • ציטוט

    • ארכיון

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

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

    דיונים חדשים