?
Solved

lighbox2 with tokens

Posted on 2011-04-23
11
Medium Priority
?
286 Views
Last Modified: 2012-05-11
Hallo experts!
Working on the DNN store module where I like to include lightbox2 on the product picture.
HTML is :
________________________________________
  <p class="Normal">[MANUFACTURER]</p>
  <p class="Normal">[IMAGE]</p>
  <p class="Normal">[MODELNUMBER]</p>
________________________________________

Testing that the lightbox2, is working fine with:
<a href="images/picture1.jpg" rel="lightbox"><img src="images/picture1.jpg" /></a>

What I like to do is this:
<a href=[IMAGE] rel="lightbox"><img src=[IMAGE] /></a>

Result is  : red x picture with the text " rel="lightbox"> />  " on the screen

Any idea how to solve this?
0
Comment
Question by:Tom
  • 6
  • 3
10 Comments
 
LVL 4

Expert Comment

by:malikirfan28
ID: 35452749
Kindly try this. i.e. add double quote in href attribute.

<a href="[IMAGE]" rel="lightbox"><img src=[IMAGE] /></a>

0
 
LVL 10

Author Comment

by:Tom
ID: 35452799
malikirfan28: Not working same result
0
 
LVL 10

Author Comment

by:Tom
ID: 35452833
have also tried this:
<a href="[IMAGE]" rel="lightbox"><img src="[IMAGE]" /></a>
<a href='[IMAGE]' rel="lightbox"><img src=[IMAGE] /></a>
<a href='[IMAGE]' rel="lightbox"><img src='[IMAGE]' /></a>

This is not as staight forward as it looks like

0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 4

Expert Comment

by:malikirfan28
ID: 35452836
You can try this code. Add a Span element where you want to display image.
<span id="mySpan"></span>

and at the end of document before </body> (body close element) add following javascript code.
<script language="javascript" type="text/javascript">
    document.getElementById("mySpan").innerHTML = "<a href='" + [IMAGE] +"' rel=\"lightbox\"><img src="'+ [IMAGE] +"' /></a>";
</script>
</body>
0
 
LVL 10

Author Comment

by:Tom
ID: 35452853
malikirfan28: Same thing don't work
0
 
LVL 10

Author Comment

by:Tom
ID: 35452857
Have read about something similar here:
http://drupal.org/node/567918
dont quite understand how to implement
0
 
LVL 4

Expert Comment

by:malikirfan28
ID: 35452877
can you please send the HTML (Output code generated in browser) code?
0
 
LVL 10

Author Comment

by:Tom
ID: 35452974
<div id="dnn_ctr870_ContentPane"><!-- Start_Module_870 --><div id="dnn_ctr870_ModuleContent" class="Store CatalogContent">
      <div class="StoreCatalogWrapper">
   
   
   
   
    <div class="StoreDetailContainer">
  <div class="StoreDetailContainer-Title"><span class="StoreDetailTitle">Product Details</span></div>
  <div class="StoreDetailContainer-Warning"></div>
  <div class="StoreDetailContainer-Content">
    <p class="Normal"><span class="StoreProductManufacturer">Manufacturer: TT</span></p>
    <p class="Normal"><span class="StoreProductModelNumber">Model Number: 1213899</span></p>
    <p class="Normal"><span class="StoreProductModelName">TT allround</span></p>
    <div class="Normal"><img class="StoreProductImage" src="/DesktopModules/Store/Thumbnail.ashx?IP=/Portals/2/TT/Guide/1213899_1.jpg&amp;IW=300&amp;BC=FFF" alt="Product Image" style="border-width:0px;" /><div class="StoreProductDescription">
            <div class="std">Formet  2706899</div>
      </div></div>

   </br>
</div>
0
 
LVL 10

Author Comment

by:Tom
ID: 35453012
Replacing the result in the <a> tag like this in the code works:
    <a href="/DesktopModules/Store/Thumbnail.ashx?IP=/Portals/2/TT/Guide/1213899_1.jpg&amp;IW=300&amp;BC=FFF" alt="Product Image" style="border-width:0px;" rel="lightbox"><img src="/DesktopModules/Store/Thumbnail.ashx?IP=/Portals/2/TT/Guide/1213899_1.jpg&amp;IW=300&amp;BC=FFF" alt="Product Image" style="border-width:0px;" /></a>
0
 

Accepted Solution

by:
ee_auto earned 0 total points
ID: 36160827
Question PAQ'd and stored in the solution database.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will learn how to count occurrences of each item in an array.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses
Course of the Month15 days, 14 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question