Joomla Templates Club 406,261 posts

[jayblaq Friend jayblaqJoin date: September 2007Posts: 66Downloads:7Uploads:2 Thanked: 1 times in 1 posts]

#127960

Hello

Before I try and install some 3rd party light box module stuff, can someone please tell me if JA TELINEs highslide will work in content?

Or if the is any option in the JS to open say a video in a lightbox on a content page?

I dont want to have to install JS stuff that might conflict with the template.

Jay

[jayblaq Friend jayblaqJoin date: September 2007Posts: 66Downloads:7Uploads:2 Thanked: 1 times in 1 posts]

#246986

ok

i see we have a light box built in, but what about highslide in content?

[ruigato Friend ruigatoJoin date: January 2006Posts: 74Downloads:0Uploads:6 Thanks: 48 Thanked: 1 times in 1 posts]

#250645

if using highslide in content its not easy, or we cant do it in a way we dont have problems with compatibility in the future we should have at least an option to remove it.

Everybody is using mootols and jquery, lots of modules and components load this scripts and the result is unnecessary JS conflicts, hi load times and heavy pages.

Dont get me wrong, i really would like to use highslide in image popups, but i wont put inline JS call in my content and have problems in the future.

The way to go (IMHO) is with plugins/modules/components and not with built in scripts.

[Excalibur! Friend Excalibur!Join date: January 2006Posts: 23Downloads:0Uploads:0 Thanks: 2]

#250709

<em>@jayblaq 50681 wrote:</em><blockquote>
I dont want to have to install JS stuff that might conflict with the template.
</blockquote>

I installed 3rd party light box module, but after that Moo Menu stop to work. Now I looking for some other solution…

<em>@ruigato 55370 wrote:</em><blockquote>The way to go (IMHO) is with plugins/modules/components and not with built in scripts.</blockquote>

I agree.

[Excalibur! Friend Excalibur!Join date: January 2006Posts: 23Downloads:0Uploads:0 Thanks: 2]

#250734

I found this: http://www.solariz.de/hs4joomla
…and it works!

[scarng Friend scarngJoin date: May 2008Posts: 21Downloads:0Uploads:6 Thanks: 2 Thanked: 2 times in 1 posts]

#250792

The highslide.js is already loaded all you have to do is place the code in your page/article.

For example: I have an image in my article that I would like the lightbox feature:

<a class=”highslide” href=”images/stories/<insert your large image>” onclick=”return hs.expand(this)”><img src=”images/stories/<insert your thumbnail image>” border=”0″ alt=”Sample Text for the disabled” title=”Click to Enlarge” width=”100″ height=”100″ align=”left” /></a><div class=”highslide-caption”> This is an example of a img using highslide</div>

<div>
<!–
4) This is how you mark up the thumbnail image with an anchor tag around it.
The anchor’s href attribute defines the URL of the full-size image.
–>
<a id=”thumb1″ href=”images/full-image.jpg” class=”highslide” onclick=”return hs.expand(this)”>
<img src=”images/thumbnail.jpg” alt=”Highslide JS”
title=”Click to enlarge” height=”120″ width=”107″ /></a>

<!–
5 (optional). This is how you mark up the caption. The caption must be directly
after the anchor above.
–>

<div class=”highslide-caption”>
This caption can be styled using CSS.
</div>

</div>

[Author]

Posts