rotate با jquery

[الهام قدوسی]

سلام و خسته نباشید
من دارم یه قاب عکس رو کدش رو مینویسم ..که با یه باتوم سمت راست عکس " قاب عکس بچرخه
یعنی دقیقا rotate بشه 90 درجه با هر بار کلیک رو باتوم لطفا راهنمایی کنید دقیقا این کار و چجوری انجام بدم
با jquery?

[jalil_gh]

یه پلاگینی هست برای جی‌کوئری به اسم jqueryrotate که مخصوص rotate کردن تصاویر طراحی شده. میتونید از اون استفاده کنید.

[الهام قدوسی]

خب من اون پلاگین رو اضافه کردم اما برای کدش هرجایی یه جور توضیح داده بودن که کلا هیچ یک کار نمیکرد.

[Javidhb]

دمو: http://jsfiddle.net/6zh8G/

توضیح + مثال:
http://code.google.com/p/jqueryrotate/wiki/Examples
http://code.google.com/p/jqueryrotat.../Documentation

[الهام قدوسی]

سلام الان امتحان کردم جواب نداد
این کدی که شما گفتین

[sinoser]

سلام الان امتحان کردم جواب نداد
این کدی که شما گفتین

چک کن ادرس ضمیمه کردن سورس پلاگینت درسته
ببین باید بعد کتابخونه jQuery بذارید
شاید توی سلکت مشکل داشتین
کدی که استفاده کردیو بذار اخه این دیگه مثال هاش خیلی واضحه

[الهام قدوسی]

نه مشکل از هیچکدوم این هایی که گفتی نبود
نه ادرس پلاگین مشکل داره نه سلکت تا خط اخرش اجرا میشه فقط قسمت اخرش اجرا نمیشه که اون رو وقتی با آلرت تست میکنم جواب نمیده ببین خودت اینم از کدی که نوشتم در ضمن من میخواستم این مدلی rotate رو تنظیم کنم اما حتی برای من rotate معمولی هم اجرا نمیشه ادرس لینکی رو که میدم دقیقا همون رو میخوام پیاده سازی کنم اما مشکل بر میخورم و شکلی که میذارم یه rotate ساده هست که دارم تنظیم میکنم که جواب نمیده :'(
http://www.rabinweb.ir/%D8%A2%D9%85%...-%DA%86%D8%B1/
sads.jpg

[sinoser]

من که هر چی نگاه کردم مشکلی ندیدم عجبیه!!!
رو سیستم خودمم کد رو نوشتم تست کردم خوب اجرا شد!!!!!!!
راستی این ادیتور اسمش چیه ؟ eclipse هست؟

[الهام قدوسی]

من که هر چی نگاه کردم مشکلی ندیدم عجبیه!!!
رو سیستم خودمم کد رو نوشتم تست کردم خوب اجرا شد!!!!!!!
راستی این ادیتور اسمش چیه ؟ eclipse هست؟

کدوم ادیتور ببین تغییر دادم یه سری کدها رو الان هم مشکل داره با اینکه rotate in html5 هست اونم رو html5.js رو هم اضافه کردم هنو درست نشده
چرخش ایراد داره:(

[sinoser]

100% از تداخل های بین کدایی هست که نوشتی
این جوری نمیشه بگم فلان جا رو درس کن
باید همشونو برسی کرد
پس خودت دونه دونه تست کن
مثلا دونه دونه فایل های js دیگه رو هم دونه دونه حذف کن ببین با حذف کدومش کار می کنه
مطمعنا یکی شون مشکل داره
بهترم هست کد این پلاگین رو دقیقا بعد از فایل jQuery بذاری و حتی دستورات پلاگینم بالاتر از اسکریپت های دیگه بذاری


ادیتور منظورم همین محیطی هست که ازش عکس گرفتی (محل برنامه نویستو می گم) اسمش چیه؟

[الهام قدوسی]

سلام اقای مهندسsinoser و ممنون
من دیشب کلی وقت گذاشتم روش خیلی جا ها رو هم مطالعه کردم اشکال کدهایی که نوشتم نبود بلکه در پلاگینی بود که گذاشته بودم در حالت عادی با 1.7.1js و 1.7.2js و 1.6.1js و 1.9.1js
و .... نمیشه rotate فراخوانی کرد یعنی کلا تو تعریفات rotate نیست ؟؟؟ من اول از همه اومدم یه کلاسی تعریف کردم به نام rotate:hover تعریف کردم که داخلش میزان چرخش رو گفتم توی css به همین راحتی بعدش فراخوانیشی کردم داخل <img src="" class=rotate> اما میخواست به jq باشه کلی سایت مختلف رو گشتم انواع تعریفات رو امتحان کردم با add و remove نشد :) و با rotation که خودم تنظیم کرده باشم تو js هم نتونستم
اخرش 2 تا پلاگین از سایت stackoverflow از بین دستورات که خودشون برای rotate نوشته بودن استفاده کردم جواب داد حالا مشکل چرخیدنش حل شده اما یه مشکل دیگه دارم :D
میخوام بعد از چرخیدن عکس عوض شه مثل یه اسلاید ؟؟؟ این رو با REMOVE بنویسم یا CLOSED CLASS یا .... چیز دیگه به ذهنم نمیاد ؟
اهان راستی یه نگاهی به این لینک که میگم بنداز کدش رو میتونی توضیح برام بگی چجوری کار کرده؟
http://tympanus.net/Development/Wave...ect/index.html

[sinoser]

حالا که با css کردی اگر می خوای بعد از چرخش کامل عکست عوض بشه برو توی jQ برای رویداد mouseover اون یک setTimeout بذار که زمانش برابر زمان انیمیشن چرخشت باشه که بعد از اجرای اون تابع timeout اجرا بشه و دستورش که خودت می دونی دیگه چی بگم!

اون ادرستم 404 داد !!