ホームページ写真/画像の拡大アクション/台東区上野のWEB制作/訪日外国人集客会社
![株式会社ケイツー・インタラクティブ [K2-interactive]](https://www.k2-interactive.co.jp/common/images/unit_img/logo.png){kind=logo}
ホームページで商品を紹介しているのですが、サムネイル写真をクリックするとかっこよく浮かび上がるような演出がしたいのですが、かんたんに出来ますか？
画像アクションのソースコードは無料で配布されています。コードをダウンロードして利用することが一般的ですが専門的な知識が必要です。
ホームページの画像になんらかのアクションを加える技術の主流はjavascriptですが、CSS3を利用して画像にアクションを加える事例も増えてきています。
現在、ホームぺージ開発の主流になっている技術の一つがJAVASCRIPTです。
javascriptはECMAScriptというスクリプト言語からの派生言語ですが、派生の段階で、2000年代はブラウザ間での差異が大きく、複雑なものは実装を敬遠されていました。その為当時は、adobe社のFlashというアプリケーションでの開発が主流でした。理由は当時圧倒的シェアを持っていた、Microsoft社のブラウザー「Internet Explorer」がJscriptというjavascriptと少し似ている別のスクリプト言語を採用していたからです。
この為、ブラウザ毎に挙動が異なり、それを回避するための実装方法が非常に開発効率の悪いものとされていました。
2017年4月現在では、ブラウザ毎の実装差異が無くなりjavascriptは効率のいい開発言語となり、ホームぺージだけではなくWEBアプリの開発現場でも活用されています。
また、libraryと呼ばれる出来合いのjavascriptと組み合わせることで、内容によってはかんたんにjavascriptを動作させることが出来るようになりました。画像（写真）をちょっとアクションさせたいなどはまさにこの事例です。
CSSを使った画像（写真）アクションもまだ少ないですが (※2015年時点)、事例としては増えてきています。例えばこのホームページのトップページの画像（写真）入れ替えの演出がCSSを使っての動きです。
CSSでのアクションはjavascriptと比べてまだまだ実装出来ることが少ないので、これからどうなって行くのか注目しておきたい所です。
WEB担当者の広場 (ホームページ運営の悩み解決) としては少し技術的な話になりましたが、要約すると技術の向上で実装は比較的かんたんになってきているということです。しかしながら、まだまだホームページ制作のそれなりの知識も必要で、スイッチ一つで自動化というところまでは実現されていません。
ホームページでの画像（写真）演出などで不安な時はまずご相談ください。御社のホームページにどのような演出が必要か？一緒に課題を見つけていきます。
※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。
