0
Welcome Guest! Login
0 items Join Now

Implementing Slimbox into Versatility

Last Post
Search Topic
    • Kevin's Avatar

    Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • Chris DiCosola wrote:
      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.


      Hi there Jeremy,

      Ok just to give you some background on me and where I am at the moment.
      I am putting together a website and I am all but finished except for implementing an image gallery for various product ranges.

      I tried "Simple Image Gallery" plugin but it is too buggy and tried to fix these bug following some fixes detailed but could not.
      I tried "Slimbox" (I hope this is where you come in) and when I was editing the content item html by clicking the HTML button, I tired hard coding some html


      <a href="images/stories/hotchicks.jpg" rel="lightbox[album name]" title="Caption"><img src="images/stories/tn_hotchicks.jpg" alt="image1" class="album"></a>

      as Mickey Vee instructed you to do.

      However when I click the update button to ya.. UPDATE ....it does not keep the hard coded html that I entered.
      You deactivated the TINY editor you said... and something worked for you.

      Ok my question to you is....

      What is the full name of this TINY EDITOR?
      Where can I find it?
      Why did you deactivate this TINY editor?
      Does it allow one to hardcode some html in the content items?

      I am some what confused by all these nonfunsitonal image plugins,mambots and components.
      All I am looking for is a working solution.

      If you can help me I would be very grateful.

      thanks for you time and effort in advance.

      regards
      Kevin

      'across the sea in Ireland'
    #28583
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • MR. KEVIN LALLY, there are two ways to deactivate the WYSIWYG Editor.

      One way is global (will affect all users) and the other is user specific.
      Global:
      Login to the admin backend, choose Site/ Global Configuration.
      On the Site tab, look towards the bottom and you will see "Default WYSIWYG Editor:" and a drop box beside it.
      Choose "No WYSIWYG Editor" - click Save on the top menu.
      Done.

      User Specific:
      Login to the admin backend, choose Site/ User Manager.
      Click on the Administrator name.
      Under the Parameters heading (right side) you will see where you can choose the Editor - select No WYSIWYG Editor, click Save on the top menu.
      Done.

      Now you your html tags won't be stripped when creating content.

      Cheers!
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!
    #28638
    • Kevin's Avatar

    Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • Mikey Vee wrote:
      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


      Hey Mike,

      Sorry for bothering you. But I do very much hope you cna help me.
      I am relatively new to Joomla (four months) but on the other hand I have a degree in computer science and am relatively apt with computers as one would hope after four years of study. I just want you to know where I am with regards to experience.

      Righty O....
      I am developing a website and I have everything relevatively wrapped up and finished except for displaying images on the site.
      I have pulled my hair out with components, mambots etc that say they do something but are a bit buggy or are simple troublesome.
      Do not get me wrong I am entirely grateful and thankful to be availing of such a wonderful and fantasitc Joomla CMS and community of people that surround it. Its simple encouraging.

      I have been reading about the "Slimbox" image gallery and due to your comments and other reading I am convinced that it is the perfect solution to displaying image on the site I am developing.
      I followed your instructions to a T. So I am sure I have everything executed properly in that regard.
      However when it comes to the following section:

      <a href="images/stories/hotchicks.jpg" rel="lightbox[album name]" title="Caption"><img src="images/stories/tn_hotchicks.jpg" alt="image1" class="album"></a>

      I assume one hardcodes this info in the 'content items' of ones website. In order to do this you enter the 'content item' and then click on the html button to edit the code yourself? iF this is so then I did this and updated the code by clicking the update button as normal. However when I go into view the code again in the same 'content item' the code (your code relevant to my setup) has been altered.Here it is

      <a href="http://localhost:81/images/stories/project/tralee1_500.jpg" title="Caption"><img class="album" src="http://localhost:81/images/stories/project/tralee1_150.jpg" alt="image1" /></a>

      Please notice the position of the 'class="album"' tag. it is not where you specified it. System changed it automatically when I press update button.

      OUTPUT:
      The thumbnail is displayed correctly. When I click on the thumbnail it does not open in the 'lightbox' window. It opens in a new window instead. I am almost there but not quite.

      OK this is where my understanding of what is happening fails. My questions to you are as follows:

      From my description am I doing the right thing generally.
      Another Rockettheme member "Chris DiCosola" said that jour instructions worked a charm, and siad something about disabling the TINY editor, what is this? Is it the mambot TinyMCE WYSIWYG Editor that he talks about that I have to disable. Again excuse me if I am way off the mark.

      Thats it.
      I hope I explained enough to give you a idea of what I am upto.

      Thanks for your time and for reading this passage.

      sincerest thanks

      Kevin
      from Galway, Ireland.
    #28665

  • Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • Kevin,
      read the above post by Roland. This is exactly what you need to do. (Disable your editor) The WYSIWYG editors are known to strip your code, and therefore, what you want will not work.

      Disable your editor and put in your code and things should work out for you.

      Cheers,

      Mike
    #28667
    • Anonymous's Avatar

    Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • Yep just follow his post
    #28714
    • Kevin's Avatar

    Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • Roland, Mikey and Chris,

      Many thanks for your guidance and help.
      Small world with alot of great people.

      Site>>Global Configuration>>...........worked a charm.

      Joomla and Rockettheme are such great online communities.

      Thank you all,
      Kevin
    #28765

  • Re: Implementing Slimbox into Versatility

    Posted 18 years 4 months ago
    • I'm pulling my hair out...but I've done all that has been listed here and in Firefox, it works great!! However in IE 6 or 7, the site completely crashes...it acts like it wants to come up and then just goes to a 404 error or server error. Soon as I take those 3 lines of code out of the index.php, then all goes back to normal.

      I read somewhere that I also needed to edit some IE css file....is that true? Can someone help please? Thanks!
    • | www.wentzvillecc.com |
    #31367

Time to create page: 0.078 seconds