質問: 現在、テストアップで画像をクリックするとlightboxになるページを新規で作っているのですが、 一個の画像だけlightbox内でnextを押すと別の画像に切り替わるようにしたいです。 現在のテストアップ リンク内容 右側にある画像をクリックするとlightboxが表示されます。 nextを1回押すと何故か同じ画像が表示され、2回目で次の画像になります。 error内容をみると関数を間違えて呼び出しているのかと思います。 行いたい実装はこのnext、prevの表示を無くす。 上から5枚目の省エネの画像のときだけlightbox内で画像を切り替えたいです。 ``` var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}} コード ``` この辺りのどこかをいじればいいかは何となくわかるのですが、どういじればいいかが分かりません。 よろしくお願いいたします!
回答: ### 間違いがあったので訂正します。 すみません。間違えました。正しくは営利可の改変禁止でした。失礼しました。 そして、このプラグインの元になったプラグインを作っているLokesh Dhakarさんもライトボックスのプラグインをリリースしていますが、それはMITライセンスなので自由に使えます。 このプラグインならやりたいこともできそうな気がしますので一度見てみてください。 ``` //data-lightbox=を指定することによって画像グループを指定できます。一枚ならナビゲーションは表示されません。 Image #1 //data-lightbox=を同じにするとナビゲーションが表示されるようです。 Image #2 Image #3 Image #4 ``` しっかり調べず回答してすみませんでした。 ### 以下、過去に回答した間違った回答です。 このプラグインのライセンスは非営利かつ要クレジットです。 お仕事で使うなら他のを探した方がいいですね。どんなプラグインもホームページやコード先頭にコピーライトとライセンスが記載されているので必ずチェックしましょう ``` /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.js * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ ``` ### Creative Commons Attribution-No Derivative Works 2.5 Brazil License