Jump to content

Trying to implement Reflection javascript


Guest rocky

Recommended Posts

Guest rocky

First I added

<script type="text/javascript" src="reflection.js"></script> to the header of /skins/KitaBlue/styleTemplates/global/index.tpl

<head>

<meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />

<title>{META_TITLE}</title>

<meta name="description" content="{META_DESC}" />

<meta name="keywords" content="{META_KEYWORDS}" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/lightbox.css" rel="stylesheet" type="text/css" media="all, screen" />

<!--[if IE 7]><link href="skins/{VAL_SKIN}/styleSheets/IE7.css" rel="stylesheet" type="text/css" /><![endif]-->

<!--[if IE 6]><link href="skins/{VAL_SKIN}/styleSheets/IE6.css" rel="stylesheet" type="text/css" /><![endif]-->

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/jslibrary.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script>

<script type="text/javascript" src="js/reflection.js"></script>

<script type="text/javascript">

var fileBottomNavCloseImage = '{VAL_ROOTREL}'+fileBottomNavCloseImage;

var fileLoadingImage = '{VAL_ROOTREL}'+fileLoadingImage;

</script>

</head>

Then I added class="reflect" to /skins/KitaBlue/styleTemplates/extra/prodImages.tpl

<a href="java script:setMainImage('{VALUE_SRC}');"><img src="{VALUE_THUMB_SRC}" alt="{ALT_THUMB}" width="{VALUE_THUMB_WIDTH}" border="0" class="thumbsImg" title="{ALT_THUMB}" class="reflect" /></a>

and then I added class="reflect" to /skins/KitaBlue/styleTemplates/content/viewCat.tpl

<a href="index.php?_a=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" title="{TXT_TITLE}" class="reflect" /></a>

However I have cleared the cache in both the browser and the /cache dir on the webserver but still no reflections shows.

Do you have a clue what interferes with the script? I am getting crazy.

Also when I view the source in the browser the code shows but no effect.

Link to comment
Share on other sites

Guest bennyuk

Everything looks fine, so is difficult to see what is wrong. I would suggest trying the reflection on some statuic html pages first then work up to static snapshot of CC page etc...

Link to comment
Share on other sites

Guest rocky

I got it to work by removing onload="initialiseMenu();{EXTRA_EVENTS}"

from <body onload="initialiseMenu();{EXTRA_EVENTS}">

However, I do not know what is does.

Link to comment
Share on other sites

  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...