[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images
サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定
プロダクト画像を360度回転させられるようにするjQueryプラグイン５つ:phpspot開発日誌
5 plugins em jQuery para imagens em 360 | Wallace Erick | Desenvolvedor Front-End プロダクト画像を360度回転させられるようにするjQueryプラグイン５つがまとまっています。 ショッピングサイトでたまにみかける、マウスドラッグで回転する製品画像。これをjQueryプラグインによって簡単に実現することが出来ますが、更に５つのjQueryプラグインから自分にあったものを選ぶ際の参考に出来ます。 回転だけでなくズームできるものもあったり、多機能であったり、IEにも対応していたりとそれぞれ特徴があります オンラインショッピングのマイナス面を解消しようと生まれたこういう機能。 実際にやるとなると画像を効率良くいかに撮るかという部分が課題であったりしますが、画像さえあれば実装は簡単にできそうですね。 関連エントリ タイ
ブログの記事にアイキャッチ画像を設定してみる
このサイト、トップページとアーカイブページでは画像のサムネイルを表示しています。いままでは「Thumbnail For Excerpts」というプラグインを使っていたのですが、表示される画像は元の画像の縮小のため、画像によってサイズがばらばらだったりしてあまり美しくはありませんでした。 そんな折、goryugo.comで「Auto Post Thumbnail」というプラグインが紹介されていたので使用してました。 WordPressにはVer.2.9からアイキャッチ画像というのを設定できるようになりました。アイキャッチ画像というのはその記事を象徴するような画像のこと。記事に利用されている画像がそのまま使われていることが多いようです。ただ、投稿画面から毎回アイキャッチ画像を設定する必要があり意外と面倒なのと、それ以前に過去の投稿にもすべて設定しなければいけないとか考えるとやってられません。
Making a Page Flip Magazine with turn.js | Tutorialzine
The page flip effect used to be the quintessential Flash animation. On the web, it has powered everything from magazines to presentations, with its popularity declining over time, only to be reinvented on mobile devices as ebook reading apps. In this tutorial we are going to use PHP and the turn.js plugin, an implementation of the page flip effect with pure CSS3 and jQuery, to build a pretty magaz
jQuery slideshow, Flash slideshow | Slideshow Box
All in one pack, starting at only $24 24 different photo slideshow templates with over 100 extra presets and periodic updates are included (starting at only $24). Flash & HTML5 slideshow gallery SlideshowBox includes 12 HTML5 (based on JavaScript and jQuery) slideshows and 24 Flash slideshows supported by all Adobe Flash CS versions. The HTML slideshows are available as embeddable SWF objects (the
stock.xchng - the leading free stock photography site
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - WTK/Coin-Slider: Coin Slider with extra option to stop auto rotation on last slide.
https://depthcode.com/2010/10/swap.html
More than 100,000 icons in one place - The ultimate icon collection.