ایجاد تغییر ساده برای بزرگ و کوچگ شدن متناسب عکس در صفحه HTML

شرح پروژه

با سلام

توضیح دادنش سخته ولی کاری که می خوام کار بسیار ساده ایه...

بنده ی پروژه دارم که با استفاده از Articulate Storyline در حال توسعه ش هستم و می خوام ی ویژگی کوچیک بهش اضافه کنم.

فایل زیپی  که خدمتتون ارائه شده حاوی خروجی ساده ای از استوری لاین هست که شامل ی سری فایل HTML و CSS و JS هست که ما اصلا کاری به هیچ کدومشون نداریم!  

بنده سه فایل در پروژه ایجاد کردم که شما باید بدون دستکاری و تغییر در سایر فایل ها و کدها با ایجاد تغییراتی در این سه کد کار رو انجام بدید:

1) در فایل story_html5.html در خط 5ام فایل CSS من لود می شه.

2) در همون فایل در خط 22ام تصویر تیک قرمز لود می شه.

3) تمام کدهای CSS در فایل correctImageStyle.css موجود هست

4)در مسیر  story_content / user.js  تمام کدهای جاوا اسکریپ موجود هست.

فایل story_html5.html خروجی نهایی رو نشون می ده. دایره و مثلث و علامت تیک سبز رنگ در خود استوری لاین ایجاد شدن و رفتاری مورد انتظار دارن. صفحه مرورگر رو کوچیک و بزرگ کنید به حالت فول اسکرین برید تمام اشکال بدون جابجایی نسبت به هم و به صورتی متناسب تغییر اندازه می دن و جابجا می شن . حدود دو ثانیه بعد یک علامت تیک قرمز با یک انیمیشن وارد صفحه می شه. این یکی همون شکلی هست که خودم به استفاده از کدهای گفته شده به صفحه اضافه کردم. مشکل اینه که اگه این بار صفحه رو کوچیک و بزرگ کنید و یا به حالت فول اسکرین برید تیک قرمز برخلاف اشکال دیگه به صورت غیر متناسبی جابجا می شه و یا تغییر اندازه میده.

بنده می خوام تیک قرمز دقیقا روی تیک سبز رنگ قرار بگیره و با هرگونه تغییری در اندازه ی مرورگر دقیقا روی تیک سبز قرار داشته باشه (  متناسب با تیک سبز رنگ جابجایی و تغییر اندازه داشته باشه  به بیان دیگه تیک قرمز رفتاری دقیقا مشابه تیک سبز رنگ داشته باشه) 

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

موفق باشید.

این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

کاربر93813

عضویت پنج سال پیش

15 پروژه ثبت شده ،

0 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 27%