画像をちょっとクールに開く（Lightbox JS）（カスタマイズ）

JavaScript 2006年11月23日 21:48

カスタマイズと言って良いほどのものか…

見せ方を自分好みに修正してみた。

1. 背景色を黒に、パディングを変更（CSSの修正）
   

   #lightbox{ background-color:#000; padding: 25px; border-bottom: 2px solid #666; border-right: 2px solid #666; }

   　
2. closeボタンがうざいので削除（lightbox.jsの修正）
   
   前回修正した箇所を元に戻す（var closeButton = 'close.gif';）。
3. 画面右下のpress x to closeが好みで無いので、Click to close!に修正
   
   

   lightbox.jsの404～408行目の

   // create keyboard message var objKeyboardMsg = document.createElement("div"); objKeyboardMsg.setAttribute('id','keyboardMsg'); objKeyboardMsg.innerHTML = 'press <a href="#" onclick="hideLightbox(); return false;"><kbd>x</kbd></a> to close'; objLightboxDetails.appendChild(objKeyboardMsg);

   太字部分を

   // create keyboard message var objKeyboardMsg = document.createElement("div"); objKeyboardMsg.setAttribute('id','keyboardMsg'); objKeyboardMsg.innerHTML = '<a href="#" onclick="hideLightbox(); return false;"><kbd>Click to closex</kbd></a>'; objLightboxDetails.appendChild(objKeyboardMsg);

   に修正。

今回はField walkのみ。画像を強調したいが為のカスタマイズでした。

<< 前の記事へ | Home | 次の記事へ >>

｜| コメントする (0) | トラックバック（0） ｜▲TOP