Implementing Slimbox into Versatility
-
-
Hello world!
I was wondering if anyone if trying or could tell me how or has implemented slimbox into versatility two.
I really like the slimbox effect. Also I was wondering how I could implement the Aphelion drop down menus to Versatility two.
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
maybe try these alternatives:
lightthumb==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,412/Itemid,35/
multithumb-==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,976/Itemid,35/
couloir gallery (not quite the same)==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1014/Itemid,35/
i prefer the white border of lightthumb to slimbox - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
Sweet.
I have a question what is the difference between ligththumb and multithumb.
Also does anyone know how to implement the transmenu.
-
-
-
I think I might have found a solution.
http://www.rockettheme.com/index.php?option=com_smf&Itemid=149&topic=2745.75
-
-
-
- Mike VanKirk
- Preeminent Rocketeer
- Posts: 15294
- Thanks: 3
-
GollumX wrote:
maybe try these alternatives:
lightthumb==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,412/Itemid,35/
multithumb-==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,976/Itemid,35/
couloir gallery (not quite the same)==> http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1014/Itemid,35/
i prefer the white border of lightthumb to slimbox
Gollum,
You can edit the slimbox .css to reflect any color border.
1. Slimbox loads faster and smoother, but it requires some html for your photo layouts.
2. Lightthumb is much easier, because it utlizes the {mosimage} mambot, thus making it a breeze to make it work.
@ Chris,
1.To use Slimbox, copy the Slimbox and JS folders from the Elixer2.0 folder and put it with your Versatility template files.
2.You will need to add these lines of code in the <head>.....right here</head> section of the index.php template file.
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/slimbox/slimbox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/mootools.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/slimbox.js"></script>
To get your thumbnail to show in the slimbox mode, upload your thumbnails and your larger images to your joomla/images folder.
Use code like this sample:
<a href="images/stories/hotchicks.jpg" rel="lightbox[album name]" title="Caption"><img src="images/stories/tn_hotchicks.jpg" alt="image1" class="album"></a>
In the .css for Slimbox there is a class called img.album Edit the attributes to your liking (thanks Andy).
I use an album name when I have more than 1 photo that I want to show up.
Hope this helps. I'm implementing the Slimbox on Glossy Paint...pretty cool.
Cheers,
Mike - Last Edit: 18 years 5 months ago by .
-
-
-
Woot Woot nice got it to work.
Took me a while till I realized I need to turn off the tiny editor.
Personally I feel slimbox is way better then lightthumb and multithumb. Its easier to install for sure. You dont have to play with mambot installation and twicking, and in lightthumb I couldn't see the cancel or quite button.
So I will stick and use the slimbox effect.
Mikey how would I integrate reflection.
-
-
-
- Mike VanKirk
- Preeminent Rocketeer
- Posts: 15294
- Thanks: 3
-
Throw this into your index.php right under the slimbox lines..
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/reflection.js"></script>
Make sure your reflection file is in your JS folder along with mootools & slimbox files.
I haven't used reflection yet, but it looks fairly easy.
From Andy's very nice demo:
Reflections can be added to any image tag over any kind of background (even image backgrounds!). Reflections are added using HTML by applying a CSS class named “reflect” to your images:
<img src="test.jpg" class="reflect" />
Of course, it would be easiest to try this out on the Elixer2.0 template first to make sure you got it right, and because all the files are loaded, and then try it on another theme.
Good luck,
Mike
-
-
- haha I did it about a minute before this post looks decent. But with my dark background and the picture being white it doesn't look as good. I think it looks better with a colorful or dark image on a white or light background.
-
-
-
Now to add my transmenu!
I looked at youyou's mod. Its for Versatility One and the main content background is plain white.
I wanted to use Versatility Two and Lime cause it uses the Dark Gray Content Background.
-
-
-
Hello anyone.
I really need to know how./
-
Time to create page: 0.053 seconds