خاصیت Rotation در ورژن های 1 و 2

توی ورژن جدید (CSS3) خاصیت هایی شبیه Rotation و Skew اضافه شده، ولی متاسفانه هنوز CSS3 توسط هیچ مرورگر مطرحی پشتیبانی نمی شه... :-? می خواستم بدونم دوستان توی نسخه های قبلی (1و2) راهی برای Rotation متن سراغ دارن؟ :)
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
ساپرت می شه، اما نه به صورت کامل، بهترین هم در حال حاضر Safari 4 هست

می تونید از jquery استفاده کنید.
این پروژه در گوگل هم خالی از لطف نیست:
Introduction

This library is an extension for jQuery to rotate images directly within JavaScript. Good in situations where you want to organize your thumbnails without the lag of synchronous image operations via the web server.
Implementation

Two JavaScript image handling implementations are supported:

using DXImageTransform filter for Microsoft Internet Explorer
using Canvas object for other browsers

The library has been tested with:

Mozilla FireFox 2.0.0.2
Internet Explorer 7.0
Opera 9.1 (note Opera 8 is not supported)

Functions
کد:
.rotate(angle,[whence=relative])

.rotateLeft([angle=90])

.rotateRight([angle=90])

Guide

The library should be loaded after the jquery.js. Once the library is loaded, you can rotate images by calling rotateLeft([angle=90]) or rotateRight([angle=90]) on the jQuery object, like this:
کد:
$('#theimage').rotateLeft();

From version 1.1, this library also supports arbitrary angles, in degrees:
کد:
$('#theimage').rotateRight(45);

Notes

Safari is not yet supported, but according to the specs it should work. Any help on this would be appreciated.
As the old image gets replaced with each rotation, none of its onXXX events are copied either.
Internet Explorer also rotates the border around an image, the other browsers don't

فایل مورد نیاز ضمیمه شد
موفق باشید
 

جدیدترین ارسال ها

بالا