2012-04-18 6 views
0

私はこのウェブサイト(lemiart.com)を作成しました。イメージの高さ(大きすぎる場合)に応じて、ユーザーは下にスクロールしてイメージ全体を表示する必要がありますres。私がしたいのは、ウェブサイトにボタンを実装して、ユーザーがそれをクリックすることができるようにし、ブラウザのズームを小さくするようにウェブサイトを小さくすることです。しかし、私はそれを実装したいので、ユーザーがクリックするだけで、ブラウザの設定にアクセスする必要はありません。ウェブサイトのサイズを増減する

これを実装する方法については何か考えてください。

ありがとうございます。

+0

CSSの画像のデフォルト(最大)の高さを賢明な値に設定するのが最善の方法だと思いますが、おそらく450pxか何か分かりません。それからあなたがそれをクリックすると、ポップアップdivの完全な画像を示すネットからあらかじめ書かれたJavaScriptをダウンロードする、私は十分な無料のコードファイルがあり、効果があなたが合理的な量で書くことができるものよりも優れていると確信しています時間の。 – MarioDS

+0

主な問題は、私が既にイメージ内の固定幅700ピクセルのウェブサイトを作ったことです。私は画像の幅を変更したいとは思っていません。ユーザーのニーズに応じて、ユーザーが拡大または縮小できるようにするだけです。その理由は、ほんの少数の画像しか見栄えが悪いので、私はこれらのいくつかの見栄えを良くするためにすべてを変えたくないからです。 –

答えて

1

「レスポンシブルウェブデザイン」のようなものは何ですか?ユーザーがサイトや画像のズームやサイズ変更を行うためにユーザーが対話(ボタンクリック)を開始するのではなく、JQueryなどのツールを追加してブラウザのサイズを検出し、ページを自動的に再構成することを検討してください。これは、複数のプラットフォーム(PC、モバイル、タブレットなど)を設計する際の共通のアプローチです。

Check out this presentation

+0

ええ、それは私が探しているもののように見えますが、それはちょっと複雑なようです。あなたはボタンでウェブサイトを小さくする方法があると思いますか? –

+0

本当にありません。ブラウザのサイズを検出し、ページ要素のサイズを変更するためのjavascriptコードは、ボタンのクリックで起動するか、ページが読み込まれたときに自動的に起動されるかは似ています。これには自動的に対応するブラウザ間の組み込み機能はありません –

0

あなたはjqueryのためのライトボックスプラグインのいくつかの種類を見たいかもしれません。

ファンシーボックス(http://fancybox.net/)は、私が使っているものはかなり良いです。これらを使用すると、サイト上でより小さなイメージを持つことができますし、ライトボックスを使ってビガーガーにズームします。

+0

これは素晴らしい選択肢ですが、前にズームイン/ズームアウトを試してみたいと思います。私は画像をクリックしてより大きなスケールで見るというアイデアが気に入らない。私はウェブサイトの主なアイデアはスクロールダウンし、 "芸術"を賞賛すると思います。必要に応じて、ズームアウトして小さく表示します。 –

+0

私は人々がインターネットをどのように使用するかを考慮する必要があると思います。人々は「ギャラリー」のアイデアに慣れており、大きなバージョンを見るためにクリックして喜んでいます。あなたがやろうとしていることは、どうにか私にとっては直感的ではないように見えますが、あなたのウェブサイトにはそれがあります。これらの便利なものもあります:http://stackoverflow.com/questions/2207508/how-to-zoom-in-and-zoom-out-image-using-jquery – matpol

関連する問題