APImage

[samurai-lupin]

Oh! That's great news! This looks like a really good mod indeed!

[samurai-lupin]

Oh, and what I forgot to ask: Is there a set so it will automatically display uploaded images as Gallery?

[anteprimorac]

Only if you use gallery bbc:

Code Select Expand


[gallery]
[img]http://image link #1[/img]
[img]http://image link #2[/img]
[img]http://image link #3[/img]
...
[/gallery]


[pixeleyes]

SMF 2.0.1

Just installed APImage with no error but gallery isn't working as your enclosed picture in first post.

I use below bbc codes
[gallery]
[ img ].....[ /img ]
[ img ].....[ /img ]
[/gallery]

here is the result.


Also zoom feature isn't working.

[anteprimorac]

- Theme?
- Forum link?

EDIT: Press CTRL+R or clear your browser's cache

[pixeleyes]

Here is my site link

http://www.one2onefun.com

[pixeleyes]

thanks its working after clearing browser cache.

[anteprimorac]

UPDATE FAQ:

1. Mod isn't working
Clear browser cache(CTRL + R or CTRL + F5) and clear SMF cache (Admin -> Forum Maintenance -> Empty the file cache).
If you have version 1.7.1 or earlier, then check jQuery version (Google Chrome: In Console(CTRL + SHIFT + J) type $().jquery). If you haven't jQuery version 1.7.2 or later, then update jQuery.

2. How to change thumb style?
Find in index.css

Code Select Expand


.ap-image {
   background: #000;
   margin: 5px;
   padding: 10px;
}


3. How to remove scrollbar in gallery mode?
Find in index.css:

Code Select Expand


.ap-image-gallery .images {
margin-top: 10px;
overflow: auto;
}
.ap-image-gallery .images .list {
width: auto;
white-space: nowrap;
}
.ap-image-gallery .images .ap-image {
display: inline-block;
margin: 0 5px;
}


replace with:

Code Select Expand


.ap-image-gallery .images {
margin-top: 5px;
overflow: none;
}
.ap-image-gallery .images .ap-image {
float: left;
margin: 5px 5px;
}


[pixeleyes]

Is it possible to add NEXT and PREVIOUS button in gallery?

[anteprimorac]

I'm working on it in version 0.2.
Please be patience

[anteprimorac]

UPDATE FAQ

4. How to use APImage in SMF Gallery?
Find in Themes/YOUR THEME/Gallery2.template.php: Lines 915, 916 and 917

Code Select Expand

<tr class="windowbg2">
<td align="center"><img height="' . $context['gallery_pic']['height']  . '" width="' . $context['gallery_pic']['width']  . '" src="' . $modSettings['gallery_url'] . $context['gallery_pic']['filename']  . '" alt="" /></td>
</tr>

replace with:

Code Select Expand

<tr class="windowbg2">
<td align="center"><div class="ap-image" data-image="' . $modSettings['gallery_url'] . $context['gallery_pic']['filename']  . '"></div></td>
</tr>

[anteprimorac]

UPDATE MOD:

Version 0.1.8:
+ Added support for SMF 1.1.x
! Fixed loading jQuery bug

[Inti31]

will give it it try today - one suggestion: it would be nice to have an noslide-parameter for pics in img tags like alt="ns" for pics...


feedback...
okay, so - my opinion: this mod is usable only for special forums, which is pic-related, means huge pics - my guess.
A lot of mods offer slide functionalities - which work fine and the resolution of these pics is correct.

member post pic in img tags with just a height or width parameter - means if it slides up the resolution is correct.
if they don't use the parameter the pic is shown in the max resolution is set in administration panel.
so there is no need to use apimage for img-tag, because your mod usees  both parameter - so the resolution is not correct

Have a look to your test thread: http://smf.anteprimorac.from.hr/index.php?topic=2.msg20#msg20 - that looks worse
you can't use fixed sizes- also if you click on it - the resolution is also worse...

The gallery-mode looks nice - but here the same - I can't live with the shown clinched thunmbnail preview, here also the  resolution of the thumb is not correct - only the shown big pic above is okay. if you click on that pic pic and it slides up - that looks worse again - there is no need to zoom it up - just my guess. Also: if I set in admin panel a resolution for example maximum picture size to 400x300 this big pic should have this resolution...

In my case, I don't have any usage for that mod - I need slide functionalities which a) slides up pic in a correct way (=resolution) and b) offers key-functionality, means by pressing next or previous key on my keyboard that I can slide through images like I do here: http://epica-forum.de/index.php?action=gallery;sa=view;pic=33 for example...

sorry for that - maybe not that what you want to hear - it is just my opinion - no mean feat about you hard work !

cheers Inti31

[anteprimorac]

I'm working on all that features in version 0.2.
I will reveal some features:
- advanced resizing
- navigation
- key-navigation
- object oriented javascript
...
I'm also developing a premium version.

Coming soon

[pixeleyes]

I just want to give one suggestion.

Your mod is very great but it could be more better if works only when use

APimage BBC Code or Gallery code.

e.g. Many users have pictures in their signatures but after installing APimage

their signatures background and size are automatically changed which is not good i think.

This mod should work only where use APimage BBC or Gallery code

rest forum image should not change.

Just a suggestion.

[pixeleyes]

APimage doesn't work in Firefox and IE8, what could be the reason?

[anteprimorac]

1. Mod isn't working
Clear browser cache(CTRL + R or CTRL + F5) and clear SMF cache (Admin -> Forum Maintenance -> Empty the file cache).
If you have version 1.7.1 or earlier, then check jQuery version (Google Chrome: In Console(CTRL + SHIFT + J) type $().jquery). If you haven't jQuery version 1.7.2 or later, then update jQuery.

[pixeleyes]

Mod is working perfect in Chrome but not working in IE8 and FireFox.

Thumbnail doesn't show in IE8 and Firefox if click on blank thumbnail then large image works.

Only problem is thumbnail not working.

Can you explain or guide me how to update jQuerry?

[anteprimorac]

If it's works on chrome then jQuery was updated.

Post here:
- link of the forum
- jQuery version
- Firefox version
- APImage version

[pixeleyes]

If it's works on chrome then jQuery was updated.
Post here:
- link of the forum
- jQuery version
- Firefox version
- APImage version

- link of the forum   http://www.one2onefun.com
- Check this post    ImagePost
- jQuery version      this i don't know how to check
- Firefox version      12.0
- APImage version  0.1.7.1

I have also asked other users of my forum to check in FireFox,
all told me same problem.