PDA

View Full Version : شیوه ای متفاوت و عجیب برای نمایش عکس در firefox



raravaice
چهارشنبه 24 بهمن 1386, 13:44 عصر
سلام

خیلی جالبه

به نظر شما عکس زیر از چه روشی استفاده میکنه؟
کاربردش چیه؟
و چطور میشه چنین چیزی رو تولید کرد?
با چه ترفندی میشه تو IE چنین عکسهایی ایجاد کرد؟

دوستان لطف کنن این لینک رو با firefox ببینن.

http://xvay.com/pic.htm

موفق باشید

Behrouz_Rad
چهارشنبه 24 بهمن 1386, 14:39 عصر
تصاویر با رمزنگاری 64 بیتی با استفاده از schema ی :data در صفحه ذخیره شدند.
:data یک schema هست که IE اون رو ساپورت نمی کنه.
مرورگرهایی مثل Opera، Safari و اونهایی که از Gecko استفاده می کنند مثل Firefox ازش پشتیبانی می کنند.
بیشتر برای تصاویری خوبه که حجمشون کمه، مثل آیکون ها...
یکی از مزایای این نوع استفاده از تصاویر اینه که نیاز به ایجاد Connection های متداول به وب سرور نیست ولی معایب بیشتری دارن. از جمله:
1) تصویر واقعی وجود نداره تا Cache بشه.
2) حجم صفحه زیاد میشه.
3) IE که اکثر افراد ازش استفاده می کنند از این Schema پشتیانی نمی کنه.
4) نیاز به Encode و Decode تصویر هست.

موفق باشید.

محمدامین شریفی
سه شنبه 28 آبان 1387, 00:33 صبح
دوست من وقتی میخوای سایت معرفی شده ات را ببینی error 404 میده

Ali100
سه شنبه 28 آبان 1387, 04:22 صبح
بهروز کاملا درست گفت این Scheme هست .
که بر اساس بر اساس Base64 کد شده . شما Text رو می تونین براحتی به Base64 تبدیل کنین یا بر عکس
به راحتی می تونین Base64 رو به Text تبدیل کنین . مثلا با PHP یا در Linux/Unix هم Base64 هست ولی
برای Windows باید نرمافزار دانلود کنین که معمولا Free هستن البته بعضی سایتها هم Text رو به Base64 و
بر عکس تبدیل می کنن .

شما میتونین لینک عکس یا لینک جاواسکریپت رو به Scheme تبدیل کنین حتی می تونین کدهای HTML رو
به Scheme تبدیل و اجرا کنین .

پس چرا از این لینکها استفاده نمی شه ؟ چون IE تا حالا از این لینکها پشتیبانی نمی کرد
فقط Safari ّو Firefox و Opera پشتیبانی می کردن من رو Chrome امتحان نکردم ولی چون Chrome
از هسته Safari استفاده می کنه اونم باید از Scheme پشتیبانی کنه

البته IE8 Beta از Scheme پشتیبانی میکنه ولی فقط برای عکس ( Image ) . البته باید صبر کرد نسخه اصلی Release بشه اون موقع ممکنه از لینکها جاوا اسکریپت و ... هم با Scheme پشتیبانی کنه .

================================================== ===========
اینجا می تونین ببینین Base64 چیه
http://en.wikipedia.org/wiki/Base64

اینجا می تونین شکل لینکهای Scheme رو ببینین
http://en.wikipedia.org/wiki/Data_URI_scheme

اینجا هم Online می تونین Text رو به Base64 یا برعکس Base64 رو به Text تبدیل کنین .
http://webnet77.com/cgi-bin/helpers/base-64.pl

اینجا هم می تونین Scheme URL بسازین یا کدهای HTML خودتونو Scheme کنین .
http://software.hixie.ch/utilities/cgi/data/data

اینجا هم به راحتی همراه با MIME Type می تونین Linka رو Scheme کنین
http://www.scalora.org/projects/uriencoder

یا
http://www.greywyvern.com/code/php/binary2base64

اینجا هم در مورد IE8 Beta توضیح کامل داده ( در فایل PDF و XPS )
http://code.msdn.microsoft.com/ie8whitepapers/Release/ProjectReleases.aspx?ReleaseId=612

البته همه این لینکها در WIKI بود .