Joomla Templates Club 406,261 posts

[kalinox Friend kalinoxJoin date: February 2008Posts: 3Downloads:0Uploads:0]

#129628

Hi,
* I install Ja Highslide(from Ja Galena) on Joomla 1.5.3 and Ja Rochea template. But it doesn’t work. What do i have to do?
* And another one; i wanna use highslide on one image at any content. How can i use?

Thanks a lot…

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#253326

Can you eexplain each step you have done so far?

[kalinox Friend kalinoxJoin date: February 2008Posts: 3Downloads:0Uploads:0]

#253350

Sorry for short explanation.
* I wanna use highslide like on that page. How can i use?

Thanks a lot

Note :
I solved by myself. Thanks again.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#253799

Hi kalinox.
Can you post your solution here for others member ?

[kalinox Friend kalinoxJoin date: February 2008Posts: 3Downloads:0Uploads:0]

#254504

Ok. I installed Ja Rochea template quickstart to my site. I wanna used Ja Highslide with this template.

What did i do? I did alls as such in ja teline II template
1) I downladed Ja teline II template for ja highslide.
2) I copied (from ja teline II) highslide folder to my site’s ja rochea folder.
3) I added that below lines my ja rochea index.php file’s head section.

<link rel="stylesheet" type="text/css" href="<?php echo $tmpTools->templateurl();?>/highslide/highslide.css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl();?>/highslide/highslide-with-html.packed.js"></script>

4) Also added that below code index.php file’s head section

<script type="text/javascript">
hs.graphicsDir = '<?php echo $tmpTools->templateurl();?>/highslide/graphics/';
hs.showCredits = true; // you can set this to false if you want
hs.creditsText = 'Powered by JA Highslide';
hs.creditsHref = 'http://joomlart.com/';
hs.creditsTitle ='Go to the Highslide JA homepage';
</script>

5) In any content’s editing screen clicked insert/edit image button. After this i did as follows in that opened popup insert/edit image window.

Image URL : images/stories/fruit/cherry.jpg
Image description :
Title : text for mouse over

and click update button
6) After selected image, clicked insert/edit link button. After this i did as follows in that opened popup insert/edit link window.

on General tab ;

Link URL : images/stories/fruit/cherry.jpg

on Events tab ;

onclick : return hs.expand(this, {outlineType : 'drop-shadow', width:400, height:260, captionText:'image caption text'})

on Advanced tab ;

Classes : highslide

Thats it.:)

[Author]

Posts