Please login or register.
Login with username, password and session length
June 20, 2013, 02:07:25 AM
News: We're back! And here to stay!
collapse

* User Info

 
 
Welcome, Guest. Please login or register.
Did you miss your activation email?

* Recent Posts

RS2 Gallery installed, but no component in backend by SRD
[June 15, 2013, 10:48:26 AM]


you must provide a description by kasix
[May 24, 2013, 11:48:59 PM]


Fatal error: by mailtobala04
[May 17, 2013, 04:36:20 PM]


Backend Items (Images) don't work by bauchinj
[May 15, 2013, 04:18:55 PM]


Permissions issue: a user can upload images in other user galleries by guidocx84
[May 11, 2013, 05:17:44 PM]


Payment after loggin by mirjam
[May 11, 2013, 03:02:56 PM]


image titles without dashes by mirjam
[May 11, 2013, 02:57:48 PM]


Batch Upload Fails by mirjam
[May 11, 2013, 02:52:08 PM]

Advertisement


Pages: 1 [2]   Go Down

Author Topic: Where i can find RSGallery2 modules for joomla! 2.5  (Read 1518 times)

Offline scene66

  • Newbie
  • *
  • Posts: 23

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #15 on: August 08, 2012, 03:06:37 PM »
Quote from: mirjam
New try at the Latest Gallery module: more options, see for yourself ;-) (Again, I tried every option, but there were so many combination that I hope I did not miss anything in such short time.

I hadn't had a chance to attend to try the params from your help post two days ago and just logged on now to try them out and I see that you have another version! I must have inadvertently unsubscribed to this thread  :o 

I have now installed the latest 08.07 version:
— I now have two perfectly aligned, pleasantly spaced rows of images in the module  ;D
— My aim, and I guess most users, is to have square thumbs (or at least uniform thumbs) so that grids can be created/ aligned. If I now adjust width- (or height-) only, then the result is an ad hoc display of thumb sizes (screenshot).
— If I force thumb size square by putting same dimensions into width and height (which the module advises as not recommended), then the grid is perfectly aligned (screenshot), but the images are distorted to fit.
— The ideal solution is (as per the component) to have square thumbs but with the images not being distorted.

Thank you for the updated version and your continued efforts.

Offline mirjam

  • Dev Team
  • Hero Member
  • *****
  • Posts: 558

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #16 on: August 08, 2012, 04:51:47 PM »
If you use the thumbnails (as opposed to the display or original image) and have the thumbnail style set to square (perhaps with the need to recreate them) then the original image will be cropped where the center part of the image is taken to create the square thumb from. Of course, if you want to show 50x50 thumbs in the RSGallery2 component and want 100x100 squared images in the module this won't work (never make an image larger than it actually is, it reduces the quality and the image will get "blurry").

If you don't want to use the thumbnails you could try a different path: each image is contained in a div with class mod_rsgallery2_latest_galleries-shadow. You could change the CSS styling to include for display images where the smallest size if over 100px:
  height: 100px;
  width: 100px;
  overflow: hidden;
This way the div surrounding the image will be limited in size and the part that the image is bigger than these 100x100 settings won't be shown because of the overflow setting.

To show an example:
  • The screenshot part in example_display_images shows four display images, sizes 100x400, 400x100 and two of 266x132. These are images made in paint, that's the reason for their strange sizes  ;).
  • Now I can set them all to have the same height of the image in the module settings (I'll take 100px and use the CSS height parameter to adjust the image size): example_display_images_imgHeight100.jpg.
  • I don't want the images to stretch, but to get squared images I need some kind of cropping, I can use the CSS styling of the div with class
    mod_rsgallery2_latest_galleries-shadow for that:
      overflow: hidden;
      width: 100px;.
    I don't set the height, because that is already done via the backend parameters in the module for the img tag.
    See example_display_images_imgHeight100_divWidht100.jpg (where I've removed the shadow from the CSS file).
  • Controlling the position to be centered (no example image for this) can be done via CSS styling on the img with class rsg2-displayImage:
     display: block;
     margin-left: auto;
     margin-right: auto;
    and the "float: left" for the div with class mod_rsgallery2_latest_galleries-shadow needs to be removed for this to work. The text can then also be aligned with a "text-align: center;" on the table.mod_rsgallery2_latest_galleries_table (e.g. this is the table with class mod_rsgallery2_latest_galleries_table).
  • Of course, I can use the display images without the CSS widht/height settings in the backend and just use these CSS settings
      height: 100px;
      width: 100px;
      overflow: hidden;
    in the style sheet (the .css file). Then I get example_display_images_divWidthHeight100.jpg. The drawback is that you cannot control which part of the images is "cropped" this way (is that true? perhaps a position attribute can help?).
I'd love to hear if this gets you what you want, but if it's overwhelming and you need more detailed instructions, then post what kind of image you want to use (thumb/display/original) what their sizes overall are and what sizes you want for the images to show in the module.

By the way: I've noticed over time that there never is an "ideal solution (for most users)"  ;) (no offence, just an observation).

Knowing myself I guess in a few night I will wake up in the middle in the night and think "that's how I can implement it nicely in the module..." (happened with your "can I have a second row of images"-question as well ;).

In the mean time, adjusting the CSS is the only way I can think of, and I'm no CSS styling guru so there may be better ways to achieve what you want. I can only advise to start playing with Firebug on Firefox...
« Last Edit: August 08, 2012, 04:56:59 PM by mirjam »
Suddenly on maternity leave: our baby boy was born a few weeks early, he's doing well now.
For the next couple of weeks I won't available, for true emergences pm locutusweb please.

I hope that RSGallery2 users will help each other out in the mean time.

Offline mirjam

  • Dev Team
  • Hero Member
  • *****
  • Posts: 558

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #17 on: August 08, 2012, 05:13:26 PM »
Perhaps nicer: CSS file contents to get images in a div with width 200px, centered, and the "CSS height parameter" is set to 200px in the backend in the module parameters.

Code: [Select]
/* The entire module is contained in a div tag with class mod_rsgallery2_latest_galleries.
Inside that div, there is a table with class mod_rsgallery2_latest_galleries_table.
The table consists of rows, alternating between the name (with a colspan) and the images.
The images are in a link, so <td>-<a href...>-<img...>-</a>-</td>m none of them with classes.

*/

div.mod_rsgallery2_latest_galleries{
width: 100%;
margin: 0;
padding: 0;
border: 0px solid #ff0000;
overflow: visible; /*visible/hidden/scroll/auto*/
}
div.mod_rsgallery2_latest_galleries img{
}

table.mod_rsgallery2_latest_galleries_table{
}
table.mod_rsgallery2_latest_galleries_table tr {
border: 0px solid #0000ff;
}
table.mod_rsgallery2_latest_galleries_table td {
border: 0px solid #0000ff;
}

.mod_rsgallery2_latest_galleries-shadow {
padding: 10px;
width: 200px; /*this affects the width of the div the image is in*/
overflow: hidden; /*not showing the part of the image that is wider than the div*/
  }
.mod_rsgallery2_latest_galleries-shadow img {
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
  }
div.mod_rsgallery2_latest_galleries_date {
text-align: center; /*align the date in the center of the div*/
}
div.mod_rsgallery2_latest_galleries_name{
text-align: center; /*align the date in the center of the div*/
}

Suddenly on maternity leave: our baby boy was born a few weeks early, he's doing well now.
For the next couple of weeks I won't available, for true emergences pm locutusweb please.

I hope that RSGallery2 users will help each other out in the mean time.

Offline scene66

  • Newbie
  • *
  • Posts: 23

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #18 on: August 09, 2012, 03:56:27 PM »
Quote from: mirjam
Perhaps nicer: CSS file contents to get images in a div with width 200px, centered, and the "CSS height parameter" is set to 200px in the backend in the module parameters.
I'm using this code plus thumbnail setting in the module and I have exactly what I wanted. Thank you. This is now officially THE best gallery solution for Joomla 2.5! Coupled with CB, I have everything I need for a busy, multi-user, front-end, backend, component and module facilitated gallery. Where do I write the review!?

Offline mirjam

  • Dev Team
  • Hero Member
  • *****
  • Posts: 558

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #19 on: August 11, 2012, 12:09:42 PM »
Good to hear this works for you and nice to hear you're happy with it!  :D

I'm still thinking about how to implement this in the backend of the module: I'm considering removing the CSS for the shadow around the image (because that doesn't combine for me with setting the height of the div element) and making an extra backend setting where one can set the div height/width. When that div heigth/widht is then used, it goes in the code itself and not the CSS file (not ideal) and the overflow (that part of the image larger/wider than the div) will be hidden. Also, I want to remove the option to set both height and width of the img element (backend already has a not "not recommended" because it most likely stretches the image). It
ll be as flexibel as the comments in this thread indicates (so nice result of feedback!) but will need some text to describe the settings then...

Options
- don't set image width/height
- set image width
- set image height
(no option "set image widht and height because that most likely results in stretched images)
and combine these with
- don't set div width/height
- set div width (overflow hidden, image centered via margins at "auto" **)
- set div height (overflow hidden, image centered if possible)
- set div width and height
** perhaps this should then be an option as well...?

"Help text" should include that img height and width to make the thumb/display/orignal image smaller than its actual size showing a "resized" image (with a note that making it "larger" is not recommended), div height/width are used for "cropping", img and div settings can be combined, with some usefull examples.

I'd like some feedback on these thoughts...
Suddenly on maternity leave: our baby boy was born a few weeks early, he's doing well now.
For the next couple of weeks I won't available, for true emergences pm locutusweb please.

I hope that RSGallery2 users will help each other out in the mean time.

Offline scene66

  • Newbie
  • *
  • Posts: 23

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #20 on: August 12, 2012, 01:54:18 PM »
Quote from: mirjam
I'm considering removing the CSS for the shadow around the image (because that doesn't combine for me with setting the height of the div element
I like the shadows but current design trend to not have them. A white border around each thumb would be ideal (however also just taste and not critical — and can be put back with custom coding if required I assume).

Quote
and making an extra backend setting where one can set the div height/width.
When that div heigth/widht is then used, it goes in the code itself and not the CSS file (not ideal) and the overflow (that part of the image larger/wider than the div) will be hidden.

Nice.

Quote
Also, I want to remove the option to set both height and width of the img element (backend already has a not "not recommended" because it most likely stretches the image).

I don't understand the difference between this and the preceeding suggestion — the difference between div and image.

Offline mirjam

  • Dev Team
  • Hero Member
  • *****
  • Posts: 558

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #21 on: August 14, 2012, 06:17:15 PM »
This combines img sizes and div sizes, with the hint that img width and img height should not be set both at the same time (so set one of them to 0).

For example, I'm using a 3 by 4 grid with display images (original max size 400px) and a CSS img element height parameter of 100 and a CSS div element width parameter of 100 as well (rest all default). There is a small border around the images and all other CSS settings can be changed in the css file included.

I think this is as flexible as it can be :-) what do you think?
Suddenly on maternity leave: our baby boy was born a few weeks early, he's doing well now.
For the next couple of weeks I won't available, for true emergences pm locutusweb please.

I hope that RSGallery2 users will help each other out in the mean time.

Offline scene66

  • Newbie
  • *
  • Posts: 23

Re: Where i can find RSGallery2 modules for joomla! 2.5
« Reply #22 on: August 17, 2012, 02:05:49 PM »
Quote from: mirjam
This combines img sizes and div sizes ... I think this is as flexible as it can be :-) what do you think?
I think it's great. Your coding assistance mod to an earlier version gave me the same effect, as far as I know. This new version does it straight out of the box.
Pages: 1 [2]   Go Up