オンラインのお客様

現在 10 人のゲスト がご来店中です。

Zencart Lightbox


 

  • Description
  • Details
  • Reviews
zencartをlightbox仕様にしよう。
http://www.lokeshdhakar.com/projects/lightbox2/#download
Lightbox v2.0を拝借。
inclueds/templates/custam/common/html_header.php

拝借したファイルindex.html内の
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>
を記述。
inclueds/modules/additional_images.php 94行目から
$script_link = ''<script language="javascript" type="text/javascript"><!--'' . "n" . ''document.write('''' . ($flag_display_large ? ''<a href="javascript:popupWindow('''' . $large_link . '''')">'' . $thumb_slashes . ''<br />'' . TEXT_CLICK_TO_ENLARGE . ''</a>'' : $thumb_slashes) . '''');'' . "n" . ''//--></script>'';
$noscript_link = ''<noscript>'' . ($flag_display_large ? ''<a href="'' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, ''pID='' . $_GET[''products_id''] . ''&pic='' . $i . ''&products_image_large_additional='' . $products_image_large) . ''" target="_blank">'' . $thumb_regular . ''<br /><span class="imgLinkAdditional">'' . TEXT_CLICK_TO_ENLARGE . ''</span></a>'' : $thumb_regular ) . ''</noscript>'';
// $alternate_link = ''<a href="'' . $products_image_large . ''" onclick="javascript:popupWindow(''''. $large_link . '''') return false;" title="'' . $products_name . ''" target="_blank">'' . $thumb_regular . ''<br />'' . TEXT_CLICK_TO_ENLARGE . ''</a>'';
$link = $script_link . "n " . $noscript_link;

// $script_link = ''<script language="javascript" type="text/javascript"><!--'' . "n" . ''document.write('''' . ($flag_display_large ? ''<a href="javascript:popupWindow('''' . $large_link . '''')">'' . $thumb_slashes . ''<br />'' . TEXT_CLICK_TO_ENLARGE . ''</a>'' : $thumb_slashes) . '''');'' . "n" . ''//--></script>'';
// $noscript_link = ''<noscript>'' . ($flag_display_large ? ''<a href="'' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, ''pID='' . $_GET[''products_id''] . ''&pic='' . $i . ''&products_image_large_additional='' . $products_image_large) . ''" target="_blank">'' . $thumb_regular . ''<br /><span class="imgLinkAdditional">'' . TEXT_CLICK_TO_ENLARGE . ''</span></a>'' : $thumb_regular ) . ''</noscript>'';
$alternate_link = ''<a href="'' . $products_image_large . '' title="'' . $products_name . ''">'' . $thumb_regular . ''<br />'' . TEXT_CLICK_TO_ENLARGE . ''</a>'';
$link = $script_link . "n " . $noscript_link; $link = $alternate_link;
inclueds/modules/main_product_image.php 33行目
$products_image_large = DIR_WS_IMAGES . ''large/'' . $products_image_large;

$products_image_large = DIR_WS_IMAGES . ''l'' . $products_image_large;
inclueds/templates/custam/templates/tpl_modules_main_product_image.php
15行目から23行目まで抹殺。
<?php echo ''<a href="'' . zen_href_link(FILENAME_POPUP_IMAGE, ''pID='' . $_GET[''products_id'']) . ''" target="_blank">'' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . ''<br /><span class="imgLink">'' . TEXT_CLICK_TO_ENLARGE . ''</span></a>''; ?>

<?php echo ''<a href="'' . $products_image_large . ''" title="'' . $products_name . ''">'' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . ''<br /><span class="imgLink">'' . TEXT_CLICK_TO_ENLARGE . ''</span></a>''; ?>
るうた-product1
画像をクリックすると、ポップアップで表示される画像が
るうた-product2
lightboxというやつの仕様で、じわ~っと表示されるようになったw
浮き出た画像のバッテンは、画像のリンクが必要だったみたいwww
ツメ、甘しw
るうた-product3
アップロードしてなかった画像フォルダには、ロード用のgifもあったので、表示出来たw
完成^^ かな?
Be the first to write a review.  Write a Review.



IPアドレス: 35.170.81.33
Content

Custom Left Slide Out

You can add any content here, text, images, etc.



your alt text here