Joomla Templates Club 406,261 posts

[oxihost Friend oxihostJoin date: May 2007Posts: 22Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 1 posts]

#126090

Hi
I have installed modified ja RSGallery in another ja template (IRIS)

It’s working good, the only thing I don’t like is the way images are shown. I want to display them as fancy popup when cliking on, but instead of that a new window is opening with the image.

Do you think I have forgoyed to do something when I have installed ja resgallery? or maybe I need to add a code (script) into my Ja_iris’s index.php or somewhere else??

Is there any chance to have a change log made by JA to bring it to updated version of RSgallery??
thank you.

sorry for my bad english.

Note : I’m using Firefeox as browser and the last stable version of joomla 1.0.15

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

#240554

You can try this:
For Joomla 1.0.xx
Add this piece of code into the index.php file for the template:

<script type="text/javascript" src="<?php echo $ja_template_path;?>/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="<?php echo $ja_template_path;?>/slimbox/css/slimbox.css" type="text/css" media="screen" />

For Joomla 1.5 the code is like this:

<script type="text/javascript" src="<?php echo $tmpTools->templateurl();?>/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl();?>/slimbox/css/slimbox.css" type="text/css" media="screen" />

And copy the folder slimbox into your templates folder and it should work?
If its still not working as you wanted you take this piece of code and add to the templates css file(template_css.css for Joomla 1.0.x and template.css for Joomla 1.5)

/* RS Gallery elements */
ul#ja-rsmenu {
margin: 0;
padding: 0;
}

ul#ja-rsmenu li {
margin: 0;
padding: 0;
background: none;
}

div#rsg2-tool {
background: url(../images/grad2.jpg) repeat-x top #EFEFEF;
height: 30px;
border-top: none;
border: 1px solid #CCCCCC;
}

div#rsg2-tool .inputbox {
margin-top: 6px;
}

div#rsg2-tool ul li a {
color: #333333;
background: url(../images/vline.gif) no-repeat center right;
line-height: 30px;
}

div#rsg2-tool ul li a:hover,
div#rsg2-tool ul li a:focus,
div#rsg2-tool ul li a:active {
color: #333333;
text-decoration: underline;
background: url(../images/vline.gif) no-repeat center right;
}

div.rsg2-slideshow-links a,
div.rsg2-mygalleries-links a {
font-weight: bold !important;
color: #F09018 !important;
}

div.rsg2-slideshow-links a:hover,
div.rsg2-slideshow-links a:focus,
div.rsg2-slideshow-links a:active,
div.rsg2-mygalleries-links a:hover,
div.rsg2-mygalleries-links a:focus,
div.rsg2-mygalleries-links a:active {
font-weight: bold !important;
color: #F09018 !important;
}

.rsg_galleryblock{
background: url(../images/hdot.gif) repeat-x bottom left;
}

div.rsg2-galleryList-thumb {
border: 1px solid #CCCCCC;
background: #FFFFFF;
}

img.rsg2-galleryList-thumb {
border: 1px solid #999999;
}

div.rsg2-image-meta {
background: url(../images/hdot.gif) repeat-x top;
}

div.rsg2-image-des {
background: url(../images/hdot.gif) repeat-x bottom;
}

div.rsg2-image-tools {
background: url(../images/hdot.gif) repeat-x bottom;
}

.rsg2_comment1 {
background: url(../images/hdot.gif) repeat-x bottom;
}

.rsg2_comment2 {
background: url(../images/hdot.gif) repeat-x bottom #F7F7F7;
}

.rsg1_comment-meta, .rsg2_comment-meta {
color: #666666;
}

.rsg1_comment-meta strong, .rsg2_comment-meta strong {
color: #333333;
}

table.adminlist tr.row1 {
background: #FFFFFF;
}

table.adminlist td {
border-bottom: 1px solid #CCCCCC;
}

table.adminlist td.options {
background: #FFFFFF;
}

.ja-displaytap-title {
background: #FFFFFF;
border: 1px solid #CCCCCC;
}

table.adminform {
background: #FFFFFF;
border: 1px solid #CCCCCC;
}

table.adminform tr.row1 {
background: #F7F7F7;
}

div.ja-rsslide {
border: 1px solid #CCCCCC !important;
}

div.ja-rsslide .ja-innerpad {
border: 1px solid #FFFFFF !important;
}

.rsg2-pageNav {
text-align: center;
}

div.rsg2-toolbar {
margin-top: 10px;
}

div.rsg2-toolbar a {
padding: 0;
text-transform: uppercase;
outline: none;
font-size: 125%;
font-weight: bold;
display: block;
position: relative;
height: 30px;
}

div.rsg2-toolbar a span {
position: absolute;
top: 25%;
left: 40%;
}

div.rsg2-toolbar a br {
display: none;
}

div.rsg2-toolbar a img {
position: absolute;
top: 0;
left: 12%;
}


If you get any error on the site you can see there is 8 images in the css code above, so just go to the Avian templates images folder and copy them over to your template.

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

#240556

Forgot one thing, when you add this code:

<script type="text/javascript" src="<?php echo $ja_template_path;?>/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="<?php echo $ja_template_path;?>/slimbox/css/slimbox.css" type="text/css" media="screen" />

Remember to add it above the closing head tag:

</head>

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#240586

You mean the slimbox? You could visit this thread to enable slimbox on other template:
http://www.joomlart.com/forums/topic/rsgallery2-integration/

[oxihost Friend oxihostJoin date: May 2007Posts: 22Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 1 posts]

#240684

thank you all for your responses.

I’m still wondering if there is any changelog to upgrade to new versions of rsgallery.

[Author]

Posts