スライダーでイメージを拡大・縮小する

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのSlider()プラグインを利用して イメージをリサイズします。 サンプルのイメージの上部にスライダーが表示されていますのでドラッグして左右に移動します。そうするとイメージがリサイズされます。

このサンプルは、jQueryのSlider()プラグインを利用して イメージをリサイズします。 サンプルのイメージの上部にスライダーが表示されていますのでドラッグして左右に移動します。そうするとイメージがリサイズされます。 

$('.slider4').Slider(	{
  accept: '.indicator',
  opacity: 0.8,
  onSlide: function(cordx, cordy) {
    $('#imageHolder img').attr('width', 70 + 100 * cordx / 100);
  },
  values: [
    [290, 0]
  ]
});