DotNetNuke Skins and Resources by ThinkofDesign

    Hey Vasilis,
Can't figure out how to get the GreyBox going on with the DNN site.

1. Uploaded the Greybox folder.
2. I download my Default.aspx page and put in the

:


<script type="text/javascript">
    var GB_ROOT_DIR = "http://mydomain.com/greybox/";
</script>


<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>


3. And put rel="gb_imageset[nice_pics]" in the href tag. I'm putting this in the "text/HTML" module...

You mention in your blog DOM, what is that? Can you give more details on this?

BTW - I'm using your forum
Kindest Regards,

~Mark

Hi Mark,

Please take a look in this thread:

Dotnetnuke and GreyBox

Document Object Model or (DOM) is a way to refer to XML or HTML elements as objects.

Cheers

Hi Vasilis,
It is working but the jpg is in a box that has space to the right of it. You can view it here http://pixelperfectwebstudio.com/Portfolio/tabid/60/Default.aspx and go to Verizon Wireless Music Template and click the image or link.

Your Awesome :)

Hi Mark,

There are several ways to use GreyBox. Follow the link below to explore all available methods as well as examples of usage:

GreyBox - Advance usage

I think the GB_showImage method is the most appropriate in your case.

Cheers

Hey Vasilis,
Thanks so much :) I have one last thing that I can't figure out. It's after you click and you view the pic, it's not sizing to the orginal image and it's giving scroll bars. Here is my code:

< a title="Verizon Wireless Music Template" onclick="return GB_showCenter(this.title,this.href, 528, 700);" href="http://pixelperfectwebstudio.com/portfolio/musictemplate.jpg"> < /a>

Why don't you use the GB_showImage method? No need for width and height and the image shows up in the center of the screen like with the GB_showCenter.

Vasilis,
Your the man, you hit the nail on the head, that was the fix.

Kindest Regards,

-Mark