cancel
Showing results for 
Search instead for 
Did you mean: 

CMS Page Read More

SOLVED

CMS Page Read More

Hi, I have a read more script running on my CMS home page, works well, but I would like ot display an image rather than text

 

The code used is;

 

<script type="text/javascript">// <![CDATA[
function toggle() {
 var ele = document.getElementById("toggleText");
 var text = document.getElementById("displayText");
 if(ele.style.display == "block") {
      ele.style.display = "none";
  text.innerHTML = "Read More";
   }
 else {
  ele.style.display = "block";
  text.innerHTML = "Hide";
 }
}
// ]]></script>

<a id="displayText" href="javascript&colon;toggle();"><img alt="Read More" src="/skin/frontend/rwd/default/images/Readmore_sml.png" /></a></p> <div id="toggleText" style="display: none;">

When I first load a page my image displays, but then when I click to 'read more' the image is replaced with text.

 

Thank you for you advice

 

Tony

 

 

1 REPLY

Re: CMS Page Read More

Hi,

 

Just replace your line of code:

 

text.innerHTML = "Read More";

to

text.innerHTML = '<img alt="Read More" src="/skin/frontend/rwd/default/images/Readmore_sml.png" />';

 

I think it will work. If you still some issue please let me know.

 

Thanks,

Dibyajyoti