Как заставить это слайдшоу странной формы работать?

Question

Я хочу создать 2 слайд-шоу - одно рядом с другим ( вот так ).Фотографии в виде слайд-шоу будут загружены пользователем, поэтому я не могу их разрезать, где линия должна сделать их прозрачными (они также значительно увеличат размер файла).

Не могли бы вы дать мне несколькоуказатели о том, как этого добиться с помощью jQuery (без флеш-памяти)?Или направить меня к учебнику?

Большое спасибо !!

Всего наилучшего, Крис

Answer 1

Вы можете использовать маску webkit, но это только webkit.

Также здесь можно использовать холст.

Но если вам нужна более широкая поддержка браузера, вам придется изменить изображения.PHP может сделать это, так что пользователи загружают их не проблема.Если вас беспокоит размер файла, попробуйте разделить изображение на две части.Одна часть с прозрачностью, а другая обычная jpg, но убедитесь, что обе загружены, прежде чем показывать слайд.Это только для одной стороны шоу, для другой вам ничего не нужно делать.