نحوه قرار دادن فایل فلش به صورت صحیح در سایت

سلام خدمت تمامی کاربران و همراهان تولز کمپ.امروز با یکی دیگر از سری آموزش های مفید تولز کمپ در خدمت شما هستیم.در این آموزش قصد داریم روش صحیح قرار دادن فایل فلش را در سایت و وبلاگ به شما دوستان بیاموزیم.

هرچند در حال حاضر استفاده از فایل های فلش به نسبت سالهای گذشته با کاهش روبرو شده ولی این نوع فایل ها، هنوز هم در اینترنت کاربرد دارند. چه به یک پلیر نیاز داشته باشید و چه مایل باشید یک انیمیشن در سایت خود پخش کنید و یا حتی اگر بخواهید تبلیغات را با فرمت فلش در سایت خود قرار دهید، لازم است با روش صحیح قرار دادن فایل های فلش یا همان swf در سایت آشنا باشید. به همین دلیل در آموزش کوتاه امروز، تولز کمپ تصمیم دارد روش صحیح قرار دادن فایل های فلش در سایت را به شما آموزش دهد. با ما همراه شوید.

گذاشتن فایل فلش در سایت
چیزی که اکثرا مشاهده میکنیم این است که وبمستر ها، فایل های فلش را با استفاده از تگ embed در سایت خود قرار میدهند. واقعیت این است که این روش برای درج فایل های فلش در سایت صحیح نیست و برای انجام این کار لازم است از تگ object که یک تگ معتبر XHTML است استفاده شود. بنابراین برای قرار دادن فایل فلش/swf در سایت، کافی است کد زیر استفاده کنید :

<cke:object type="application/x-shockwave-flash" data="your-flash-file.swf" width="0" height="0"> <cke:param name="movie" value="your-file-name.swf" ></cke:param> <cke:param name="quality" value="high"></cke:param> </cke:object>

بدیهی است که در خط سوم لازم است ابعاد دلخواه فایل را وارد کرده و در خط چهارم بجای your-file-name.swf آدرس کامل فایل فلش خود را که دارای فرمت swf است وارد کنید.

جلوگیری از قرارگیری فلش روی عناصر دیگر سایت
اگر دقت کرده باشید، اکثرا وقتی یک تبلیغ یا هر نوع فایل فلش دیگری در یک سایت قرار میگیرد، منو ها پس از باز شدن زیر این فایل می افتند و قابل مشاهده نیستند و اکثر عناصر باز شونده ی دیگر نیز دچار مشکلات اینچنینی میشوند. بدیهی است که این اتفاق ایده آل نیست و باید به نحوی آن را اصلاح کرد. برای رفع این مشکل میتوانید از دو روش استفاده کنید. در روش اول کافی است پارامتر زیر را به کد آبجکت فلش خود اضافه کنید (یعنی به پارامتر های کد بالا، این پارامتر را نیز اضافه کنید) :

<cke:param name="wmode" value="transparent"></cke:param>

و یا در روش دوم پس از حصول اطمینان از اینکه عنصری که قرار لازم است روی آبجکت فلش قرار بگیرد، دارای مقدار position تعریف شده است (از قبیل relative, fixed یا absolute) ، میتوانید مقدار z-index عنصری که دچار مشکل فوق شده را بالاتر ببرید تا همیشه روی آبجکت فلش قرار بگیرد. (در تغییر z-index حواستان به عناصر دیگر نیز باشد تا تغییر ایندکس یک عنصر باعث ایجاد مشکل در عنصر دیگری نشود).