sonnb - XenGallery (XenForo Gallery) [Deleted]

sonnb · Sep 4, 2013

jörgk said:
Any News about this bug?

Fixed in 1.0.17. Could you double check?

electrogypsy said:
haha dang, i dunno how i missed that

will this look good on a dark theme? i'm using the black responsive theme by arty. thanks!

You might need to modify some CSS properties to make it perfect on dark styles.

whynot · Sep 4, 2013

I would not like to see the username, date and the album's name on the images horizontally and vertically in the widget.
They overlap the images. How to remove them?

sonnb · Sep 4, 2013

You must edit template: sonnb_xengallery_widget_album_item and sonnb_xengallery_widget_photo_item

whynot · Sep 4, 2013

sonnb said:
You must edit template: sonnb_xengallery_widget_album_item and sonnb_xengallery_widget_photo_item

Replacing something with something else?

sonnb · Sep 4, 2013

whynot said:
Replacing something with something else?

Only keep li and a tag. This is for album:

HTML:

<li style="{xen:if {$widget.options.thumbnail_width}, 'width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'height: {$widget.options.thumbnail_height}px;'}">
    <a class="thumbnail" href="{xen:link gallery/albums, $album}" title="{$album.title}" style="{xen:if {$widget.options.thumbnail_width}, 'width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'height: {$widget.options.thumbnail_height}px;'}">
        <img title="{xen:helper wordTrim, $album.cover_photo.description, 100}" title="{xen:helper wordTrim, $album.cover_photo.description, 100}" src="{$album.cover_photo.thumbnailUrl}" border="0" style="{xen:if {$widget.options.thumbnail_width}, 'min-width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'min-height: {$widget.options.thumbnail_height}px;'}" />
    </a>
</li>

The same for photo.

snoopy5 · Sep 4, 2013

sonnb said:

Only keep li and a tag. This is for album:

HTML:

<li style="{xen:if {$widget.options.thumbnail_width}, 'width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'height: {$widget.options.thumbnail_height}px;'}">
    <a class="thumbnail" href="{xen:link gallery/albums, $album}" title="{$album.title}" style="{xen:if {$widget.options.thumbnail_width}, 'width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'height: {$widget.options.thumbnail_height}px;'}">
        <img title="{xen:helper wordTrim, $album.cover_photo.description, 100}" title="{xen:helper wordTrim, $album.cover_photo.description, 100}" src="{$album.cover_photo.thumbnailUrl}" border="0" style="{xen:if {$widget.options.thumbnail_width}, 'min-width: {$widget.options.thumbnail_width}px;'} {xen:if {$widget.options.thumbnail_height}, 'min-height: {$widget.options.thumbnail_height}px;'}" />
    </a>
</li>

The same for photo.

I did that an d it works fine. How/where can I set in ACP, that the images within this widget are showing the full image but in thumbnail size instead of only part of the image in thumbnail size?

How can I add more space between the thumbnails, so that they are no almost touching each other?

Thanks

sonnb · Sep 4, 2013

snoopy5 said:
I did that an d it works fine. How/where can I set in ACP, that the images within this widget are showing the full image but in thumbnail size instead of only part of the image in thumbnail size?

Thanks

To use full photo size. You replace:

Code:

src="{$album.cover_photo.thumbnailUrl}"

by

Code:

src="{$album.cover_photo.photoUrl}"

snoopy5 said:
How can I add more space between the thumbnails, so that they are no almost touching each other?

To do this, you must edit the css: sonnb_xengallery_widget_album.css and sonnb_xengallery_widget_photo.css

Code:

.albumsSidebar li {
    margin-right: 2px; <-- change this
    margin-bottom: 2px; <-- change this
}

Code:

.photosSidebar li {
    margin-right: 2px; <-- change this
    margin-bottom: 2px; <-- change this
}

whynot · Sep 4, 2013

sonnb said:
Only keep li and a tag. This is for album:

Done, thank you, works perfectly.

I don't know what has happened, the missing images for visitors are back...

sonnb · Sep 4, 2013

whynot said:
Done, thank you, works perfectly.

I don't know what has happened, the missing images for visitors are back...

It is not addressed yet. It is because widget only fetch for x items and some of them are not visible to guess. In the next update I would add some small changes to prevent this issue.

whynot · Sep 4, 2013

sonnb said:
It is not addressed yet.

I'm not urging you to address it because it's really a minor problem.
Only it surprised me that as a visitor I can see all the images.
I thought that maybe the template change did something to that problem.

sonnb · Sep 4, 2013

whynot said:
I'm not urging you to address it because it's really a minor problem.
Only it surprised me that as a visitor I can see all the images.
I thought that maybe the template change did something to that problem.

It is easy to understand this situation. You are using "random" option, so the "invisible" items might be random.

snoopy5 · Sep 4, 2013

sonnb said:
To use full photo size. You replace:

Code:

src="{$album.cover_photo.thumbnailUrl}"

by

Code:

src="{$album.cover_photo.photoUrl}"

...

mmmhhhh... does not work for me. I see no changes

sonnb · Sep 4, 2013

snoopy5 said:
mmmhhhh... does not work for me. I see no changes

Why you need to do that? Of course you would see no change because the thumbnail size still the same.

snoopy5 · Sep 4, 2013

sonnb said:
Why you need to do that? Of course you would see no change because the thumbnail size still the same.

Hi

currently the thumbnails look like a crop of the fullsize image. Just an example here the 3 options:

1. Fullsize image (350x400):

2. Thumbnail as a crop of the fullsize image:

3. thumbnail with fullsize image

Option #3 would be the most interesting one. That is what I would like to achieve.

whynot · Sep 4, 2013

snoopy5 said:
3. thumbnail with fullsize image
View attachment 55949

Option #3 would be the most interesting one. That is what I would like to achieve.

That would be excellent!

Matthew Hawley · Sep 4, 2013

Can you get the button to go up more and get the input box off the right edge?

sonnb · Sep 5, 2013

snoopy5 said:
Hi

currently the thumbnails look like a crop of the fullsize image. Just an example here the 3 options:

1. Fullsize image (350x400):
View attachment 55947

2. Thumbnail as a crop of the fullsize image:
View attachment 55948

3. thumbnail with fullsize image
View attachment 55949

Option #3 would be the most interesting one. That is what I would like to achieve.

whynot said:
That would be excellent!

It is not excellent. It used to be that way. Each photo/album item would have different size and your widget is not look good.

Matthew Hawley said:
Can you get the button to go up more and get the input box off the right edge?

This style specific. Your style does not recognize CSS class "surplusLabel" which is default in XF style, that why the button was dropped down and the input was right align.

whynot · Sep 5, 2013

sonnb said:
It is not excellent. It used to be that way. Each photo/album item would have different size and your widget is not look good.

At the moment they don't look good with those cropped images.
I have a dog in one of the albums, its head is missing in the widget.

Isn't it possible to resample them instead of cropping?

For example:
I need 200*200 images
My original image is :
Width: 300
Height: 400

Resampled image:
Width:150
Height:200

Still better than a dog without head.

sonnb · Sep 5, 2013

whynot said:
At the moment they don't look good with those cropped images.
I have a dog in one of the albums, its head is missing in the widget.

Isn't it possible to resample them instead of cropping?

For example:
I need 200*200 images
My original image is :
Width: 300
Height: 400

Resampled image:
Width:150
Height:200

Still better than a dog without head.

Your solution only good for Horizontal widget, it might be ugly in vertical widget. Of course I could do some workarounds to make it better but I prefer to do it later.

whynot · Sep 5, 2013

sonnb said:
Your solution only good for Horizontal widget, it might be ugly in vertical widget.

Yes, it's true.

Of course I could do some workarounds to make it better but I prefer to do it later.

What about making one for horizontal and one for vertical?
I would wait patiently.
Thanks.

Edit:
The reason for asking for it is that I had to disable the horizontal widget.
My members complained that it's very distracting.
The images size had to be large in it because when they were small there were only fractions of the original image.

sonnb - XenGallery (XenForo Gallery) [Deleted]

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Well-known member

Similar threads

We value your privacy