Author Topic: APImage (Read 22133 times)

samurai-lupin · « **Reply #20 on:** April 25, 2012, 05:01:56 AM »

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

samurai-lupin · « **Reply #21 on:** April 25, 2012, 06:51:20 AM »

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

anteprimorac · « **Reply #22 on:** April 25, 2012, 01:26:47 PM »

Only if you use gallery bbc:

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

pixeleyes · « **Reply #23 on:** April 26, 2012, 01:21:46 AM »

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 · « **Reply #24 on:** April 26, 2012, 03:12:05 AM »

- Theme?
- Forum link?

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

pixeleyes · « **Reply #25 on:** April 26, 2012, 04:20:44 AM »

Here is my site link

http://www.one2onefun.com

pixeleyes · « **Reply #26 on:** April 26, 2012, 04:56:03 AM »

thanks its working after clearing browser cache.

anteprimorac · « **Reply #27 on:** April 26, 2012, 07:00:18 AM »

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]

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

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

Code: [Select]

.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]

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

pixeleyes · « **Reply #28 on:** April 26, 2012, 07:44:46 AM »

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

anteprimorac · « **Reply #29 on:** April 26, 2012, 02:19:01 PM »

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

anteprimorac · « **Reply #30 on:** April 26, 2012, 04:50:09 PM »

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]

			<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]

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

anteprimorac · « **Reply #31 on:** April 26, 2012, 05:42:14 PM »

UPDATE MOD:

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

Inti31 · « **Reply #32 on:** April 27, 2012, 01:24:26 AM »

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 · « **Reply #33 on:** April 27, 2012, 06:13:55 AM »

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 · « **Reply #34 on:** April 27, 2012, 10:54:30 AM »

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 · « **Reply #35 on:** May 09, 2012, 12:43:13 PM »

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

anteprimorac · « **Reply #36 on:** May 10, 2012, 05:06:53 AM »

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 · « **Reply #37 on:** May 10, 2012, 01:12:55 PM »

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 · « **Reply #38 on:** May 10, 2012, 02:13:55 PM »

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

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

pixeleyes · « **Reply #39 on:** May 11, 2012, 03:36:35 AM »

Quote from: anteprimorac on May 10, 2012, 02:13:55 PM

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.

News:

Author Topic: APImage (Read 22133 times)