Home
Download
Add-ons
Help
Forum
Organisation
Project
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email?
February 12, 2012, 04:21:07 PM
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
Search:
Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter
hier
und auf unserer
neuen Webseite
.
149665
Posts in
21100
Topics by
7562
Members
Latest Member:
ionline
WebsiteBaker Community Forum
English
Modules
(Moderator:
Argos
)
new Modul ImageViewer (kaimgviewer 0.8)
Pages: [
1
]
2
Go Down
Author
Topic: new Modul ImageViewer (kaimgviewer 0.8) (Read 5028 times)
gingebaker
Offline
Posts: 22
new Modul ImageViewer (kaimgviewer 0.8)
«
on:
May 12, 2009, 11:32:54 AM »
Hi folks...
I programmed an ImgViewer for WB 2.7 wich uses a AJAX Based Upload-Tool and an GD-based Image Resize. It´s a page type modul. You can setup your Image-Dimension, the Output and then head on to the Upload-Section... (german and english language available)
The Frontend-Output is controlled by the ka_viewmodes.php. (initial parameters directly in info.php). Everyone with a little php knowledge I guess can change the output to his needs...
I tested it on some servers. Minimum requirements should be PHP4 and Mysql4, also a javascript enabled browser is needed for the backend... (backend works with mootools javascript framework)
every comments will be appreciated...
regards, tom
----------------------------
HOW IT WORKS:
- Add this module to a page. Set your desired Image sizes, Resize mode and Output Rendering.
- Save changes
- Click on Edit/upload images
- You can select Images for Uploading via the Browse File Button
- After selecting Images click the Upload Button
- After Upload is completed click the view new images Button. (the site will reload)
- under the upload tool you will see your images
- you can sort the images, change the Title, ad delete it.
- the update Button for the desired changes is at the bottom of the site.
NOTICE:
- you will need a FLASH enabled browser for making the upload
- due to javascript mootools and Fancy Upload you will need a new generation browsers
- tested on IE7, Firefox 2, Opera
- all the files will be stored in MEDIA_DIRECTORY/kaimageviewer
RESIZE MODE:
- strict: will convert your images/thumbnails to the exact width/height you specified
However the IMages well not loss their ratio. Perfect for flash-Rotator
- frame: will convert the image so that it will keep their ratio and will not have a width
or height bigger than the width and height you specified.
VIEW MODES:
- can be dapted easily when you hava php programming skills.
- add a new class to the file ka_viewmodes.php wich extends the class "ka_view".
- in this class define a function process. with the variable Imagedata that this function will get
you can process the output in any way.
CHANGE-LOG:
- 0.5: Initial release. Module tested with IE7, Firefox 2 and Opera. You need flash and javascript.
Two View modes are possible. HTML-Output and Flash rotator. all the files will are stored
in MEDIA_DIRECTORY/kaimageviewer
- 0.6: Added online/offline feature. You can set images on and offline. Depending on the status the image will be
shown or not shown in the frontend
Added a smooth gallery compatible html output mode. You have to include the js libraries and the initial call
by yourself
- 0.7: Upload Tool Update. Works now with fancy Upload 2.0 and Mootools 1.2.1. Supports Flash Player 10. And has a new GUI.
Killed a bug in Flash-Rotator. No shows only the pictures set to status 'activ = 1'.
- 0.8: smaller pics allowed for frame-mode. Use the new checkbox in settings to allow pictures with a smaller size.
UPDATING TO NEWEST VERSION:
- below 0.6. Run the upgrade.php in the module folder. (uncomment the "die"-Line at the top (Database structure change)
TODO:
1) Test it on more browsers
2) make a configoptions-edit for view modes. (options array). (only initially implemented)
Logged
Vincent
Offline
Posts: 360
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #1 on:
May 12, 2009, 12:55:17 PM »
Nice work, Tom!
For non-programmers like myself, it would be nice to have a nice view mode implemented with it, for now the image opens in a new window, not awarding the front end with the sexyness you added so nicely to the back end.
Would that be possible?
Regards,
Vincent
Logged
Bramus
Forum Team
Offline
Posts: 600
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #2 on:
May 12, 2009, 02:17:37 PM »
Is it possible to make an example page or upload some screenshots? I think that would be usefull for checking out the gallery before downloading and installing it.
Logged
BRAMUS Internet Services
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #3 on:
May 13, 2009, 09:58:33 AM »
thank for the reply...
question of: other frontend viewmodes...
well the HTML-Output is really simple to edit...
The fact that the "big pictures" open i a new window can simply be changed by adding a lightbox javascript to your page...wich I most of the time add global so I didnt to it in the Module directly...
There is only one change to do:
In the ka_viewmodes.php simply change the line 59:
Code:
$output .= $this->options['opentag'].'<a href="'.$abs_url.$value['id'].'.jpg" title="'.$title.'"><img src="'.$abs_url_thumb.$value['id'].'.jpg" alt="'.$title.'" border="0" /></a>'.$this->options['closetag'];
to:
Code:
$output .= $this->options['opentag'].'<a href="'.$abs_url.$value['id'].'.jpg" title="'.$title.'" rel="lightbox"><img src="'.$abs_url_thumb.$value['id'].'.jpg" alt="'.$title.'" border="0" /></a>'.$this->options['closetag'];
the changes is rel="lightbox"
now install lightbox in your template or the lighbox module for WB (I guess there is one) and it will open with lightbox...
Lighbox scripts can be found here:
http://www.websitebaker2.org/forum/index.php/topic,7822.msg47332.html
or the original wich I use most of the time:
http://www.digitalia.be/software/slimbox#download
- The Flash-View should work fine in any ways...
- The Smooth Gallery View is another HTML-Rendering specially designed to work with the SMOOTH-Gallery Javascript... can be found here:
http://smoothgallery.jondesign.net/
however you have to add the javascript for yourself, cause it would be heavy to do that javascript code all in the frontend.js. Cause if youre not needing it, it will always be loaded. Could be possible with dynamic library reloading of javascript, but for me for now it was not worth the work cause it´s really easy to do, there is a good Installation Description on the Smooth Gallery Website....
the upload in the backend works mainly with the Fancy Upload javascript from here:
http://digitarald.de/project/fancyupload/
It´s the new version wich supports flash 10... For Uploading you also have to have an flash enabled browser...
on our servers I have problems resizing images that are something like 4000x3000 Pixels or greater. I don´t know if the GD-Library doesn´t support that or if it´s an memory-problem, but smaller pictures will work fine??
here are some screenshot from the module...
regards, tom
Logged
herr rilke
Offline
Posts: 90
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #4 on:
August 09, 2009, 10:32:15 AM »
hello
and thanks for this fine modul!
i use it in some WB 2.7 sites and now was trying to use it in WB 2.8 RC2 - but the backend flash upload doesn't work. i even don't get any upload tool.
is there anything i could do?
regards
herr rilke
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #5 on:
August 10, 2009, 08:30:02 AM »
Hello. Yes I tried it also with 2.8 and experienced the same problem...
I found out that the backend.js was not included anymore...
I could fix it by changing the header.htt in templates/wb-theme/templates
In line number 9 there should be:
Code:
{BACKEND_MODULE_CSS}
but there was nothing like
Code:
{BACKEND_MODULE_JS}
so i added this line at number 10, saved it and than it worked...
I don´t know if it´s a bug or if the core team disabled it!?
Hope it helps,otherwise contact me again...
regards
gingebaker
Logged
ruebenwurzel
WebsiteBaker Org e.V.
Offline
Posts: 7663
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #6 on:
August 10, 2009, 11:56:54 AM »
Hello,
so i think you use WB 2.8RC1. The backend.js was included in RC1 in the footer of the backend theme. We moved this back to haeder in WB 2.8RC2. So modules should work in WB 2.8 same as in WB 2.7.
Matthias
Logged
herr rilke
Offline
Posts: 90
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #7 on:
August 10, 2009, 03:10:18 PM »
hi gingebaker,
i use WB 2.8 RC2 and in my header.htt i find the two lines you're mentioning - but still it doesn't work.
any other idea, maybe
regards
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #8 on:
August 11, 2009, 08:06:44 AM »
Hi
yes, it was the RC1 i was testing with...
For the problem:
Did you check: When you are at the backend-site of the module where the Upload-Tool should show up. Check the html-source and look if in the head-section there is the backend.js file included!!
some other:
- try it in some other browsers
- do you have any special modules installed on the same page?
- are there some javascript errors on the page? try to instal firebug-extension with firefox
- check your flash player installation...
please tell me if the problem still existing?
Logged
herr rilke
Offline
Posts: 90
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #9 on:
August 11, 2009, 04:54:33 PM »
hi gingebaker,
thanks for your quick response and support!
so, it makes no difference whether i use IE 8 or FF 3.5
furthermore there are no JS errors in FF and the module works in a 2.7 installation (same system, same browsers) but not in a fresh (meanwhile) 2.8 version.
i zipped the backend-page and attached it, because i can't see an error.
regards
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #10 on:
August 13, 2009, 07:14:39 AM »
hm...
I tested it again on an 2.8 System. It works fine there...
Is the file_upload input box changing on your site to the "overall progress" and "browse Files" view?
can you send me the direct html-source from your edit-images.php site. If you are on that site, click right somewhere, say "show source" (or something like that) and copy and paste it...
I will test it as soon as i have time with the new wb RC2.
Furthermore I am planning to change the upload tool to an java-applet. It has some very nice advantages. I think It will be ready in September...
Logged
herr rilke
Offline
Posts: 90
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #11 on:
August 16, 2009, 11:17:48 AM »
hi gingebaker,
thank you for sticking with the problem.
here is the source code of my 2.8 WB installation:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>NanoPACT >> Verwaltung - Seiten</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="de" />
<meta name="description" content="Verwaltung" />
<meta name="keywords" content="Verwaltung" />
<link href="http://localhost/nanopact/templates/wb_theme/theme.css" rel="stylesheet" type="text/css" />
<link href="http://localhost/nanopact/include/jquery/plugins/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="http://localhost/nanopact/modules/kaimgviewer/backend.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://localhost/nanopact/modules/kaimgviewer/backend.js"></script>
<script type="text/javascript" src="http://localhost/nanopact/include/editarea/edit_area_full.js"></script>
<script language="javascript" type="text/javascript">
function confirm_link(message, url) {
if(confirm(message)) location.href = url;
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="770" align="center">
<tr>
<td width="60" valign="top">
<a href="http://localhost/nanopact/admin" title="Start"><img src="http://localhost/nanopact/templates/wb_theme/images/logo.png" border="0" alt="Logo" /></a>
</td>
<td width="5"> </td>
<td style="font-size: 14px;" valign="top" align="right">
<a href="http://localhost/nanopact/admin" title="Start"><img src="http://localhost/nanopact/templates/wb_theme/images/home.png" border="0" alt="Start" /></a>
<a href="http://localhost/nanopact/pages/de.php" target="_blank" title="Ansicht"><img src="http://localhost/nanopact/templates/wb_theme/images/view.png" border="0" alt="http://localhost/nanopact" /></a>
<a href="http://www.websitebaker.org/help/2.8" target="_blank" title="Hilfe"><img src="http://localhost/nanopact/templates/wb_theme/images/help.png" border="0" alt="Hilfe" /></a>
<a href="http://localhost/nanopact/admin/logout" title="Abmelden"><img src="http://localhost/nanopact/templates/wb_theme/images/dl.png" border="0" alt="Abmelden" /></a>
</td>
<td width="100" align="right" style="padding-top: 10px; padding-right: 15px; color: #000;">
Version 2.8
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="770" align="center" class="container">
<tr>
<td>
<ul class="menu">
<li class="pages current"><a href="http://localhost/nanopact/admin/pages/index.php" target="_self">Seiten</a></li>
<li class="media"><a href="http://localhost/nanopact/admin/media/index.php" target="_self">Medien</a></li>
<li class="addons"><a href="http://localhost/nanopact/admin/addons/index.php" target="_self">Erweiterungen</a></li>
<li class="preferences"><a href="http://localhost/nanopact/admin/preferences/index.php" target="_self">Einstellungen</a></li>
<li class="settings"><a href="http://localhost/nanopact/admin/settings/index.php" target="_self">Optionen</a></li>
<li class="admintools"><a href="http://localhost/nanopact/admin/admintools/index.php" target="_self">Admin-Tools</a></li>
<li class="access"><a href="http://localhost/nanopact/admin/access/index.php" target="_self">Benutzerverwaltung</a></li>
</ul>
</td>
</tr>
<tr>
<td class="content">
<table cellpadding="5" cellspacing="0" border="0" align="center" width="100%" style="margin-bottom: 10px;">
<tr style="background-color: #F0F0F0;">
<td valign="middle" align="left">
<h2>Seite ändern</h2>
</td>
<td align="right">
Aktuelle Seite:
<b>Start</b>
-
<a href="http://localhost/nanopact/admin/pages/settings.php?page_id=5">Einstellungen ändern</a>
<font style="display: ">-</font>
<a href="http://localhost/nanopact/admin/pages/sections.php?page_id=5" style="display: ">Abschnitte verwalten</a>
<font style="color: #999999;" class=""><br />
Die letzte Änderung wurde durchgeführt von Administrator (Dr. E.), 10:07, 16.08.2009
</font>
</td>
</tr>
</table>
<form name="edit" action="http://localhost/nanopact/modules/kaimgviewer/upload.php?mod_kaimgviewer_sid=3261cfd936ee8a5b2af05310439b8a5b§ion_id=22" method="post" id="edit" enctype="multipart/form-data" target="_blank">
<input type="hidden" name="page_id" value="5">
<input type="hidden" name="section_id" value="22">
<h2>KA Image Viewer</h2>
<div class="mod_kaimgviewer_infobox">
Aktuelle Einstellungen<br/>Upload-Grösse: 400x300px | Upload-Grösse Thumbs: 150x100px | Bildgössenanpassung: frame | Ausgabeformat der Bilder im Frontend: HTML AUSGABE</div>
<h3>Bilder hochladen:</h3>
<script type="text/javascript">
<!--
window.addEvent('load', function() {
$('ka_ph_upload_info').appendText(' Detected Flash Version: ' + Browser.Plugins.Flash.version + '!');
var swiffy = new FancyUpload2($('ka_upl-status'), $('ka_upl-list'), {
url: 'http://localhost/nanopact/modules/kaimgviewer/upload.php?mod_kaimgviewer_sid=3261cfd936ee8a5b2af05310439b8a5b§ion_id=22',
fieldName: 'Filedata',
path: 'Swiff.Uploader.swf',
limitSize: 2 * 1024 * 1024, // 2Mb
onLoad: function() {
$('ka_upl-status').removeClass('hide');
$('ka_upl-fallback').destroy();
},
// The changed parts!
debug: false, // enable logs, uses console.log
target: 'ka_upl-browse', // the element for the overlay (Flash 10 only)
onAllComplete: function() {
$('mod_kaimgviewer_reload').setStyle('display', 'block');
}
});
// set filter to jpg Images
filter = {'Images (*.jpg, *.jpeg)': '*.jpg; *.jpeg'};
swiffy.options.typeFilter = filter;
$('ka_upl-browse').addEvent('click', function() {
/**
* Doesn't work anymore with Flash 10: swiffy.browse();
* FancyUpload moves the Flash movie as overlay over the link.
* (see opeion "target" above)
*/
swiffy.browse();
return false;
});
$('ka_upl-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('ka_upl-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
-->
</script>
<div id="ka_ph_upload_info"></div>
<div id="demo">
<form action="http://localhost/nanopact/modules/kaimgviewer/upload.php?mod_kaimgviewer_sid=3261cfd936ee8a5b2af05310439b8a5b&section_id=22&singlefile=1" method="post" enctype="multipart/form-data" id="form-demo">
<input type="hidden" name="page_id" value="5">
<input type="hidden" name="section_id" value="22">
<fieldset id="ka_upl-fallback">
<legend>File Upload</legend>
<p>Dateiauswahl</p>
<label for="ka_upl-photoupload">
Upload:
<input type="file" name="Filedata" id="ka_upl-photoupload" />
</label>
</fieldset>
<div id="ka_upl-status" class="hide">
<p>
<a href="#" id="ka_upl-browse">BROWSE FILES</a> |
nur jpg Bilder |
<a href="#" id="ka_upl-clear">Liste löschen</a> |
<a href="#" id="ka_upl-upload">Upload</a>
</p>
<div>
<strong class="overall-title">Overall progress</strong><br />
<img src="images/bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">File Progress</strong><br />
<img src="images/bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<p id="mod_kaimgviewer_reload"><input type="button" value="ZEIGE NEUE BILDER" onclick="javascript: window.location = 'http://localhost/nanopact/modules/kaimgviewer/edit_images.php?page_id=5§ion_id=22'; return false;" /></p>
<ul id="ka_upl-list"></ul>
</form>
</div>
<h6></h6>
<h3>EDITIEREN SIE DEN BILDTITEL, SORTIEREN ODER LÖSCHEN SIE IHRE BILDER</h3>
<span class="mod_kaimgviewer_note">Sie können die Reihenfolge der Bilder per Drag and Drop sortieren</span>
<script type="text/javascript">
<!--
var sortableOptions = {
cloneOpacity:.2,
clone: true,
revert: true,
constrain: true,
handle: ".ka_imgviewer_move_handle",
onComplete: function() {
serstr = this.serialize(function(element, index){
return 'sortinfo[]=' + element.getProperty('id').replace('sortid_','')}).join('&');
$('newpicsort').value = serstr;
}
};
window.addEvent('load', function()
{
var Sortable = new Sortables($("picsort"), sortableOptions);
});
-->
</script>
<form name="sortandtext" action="http://localhost/nanopact/modules/kaimgviewer/edit_images.php?page_id=5&section_id=22" method="post" id="sortandtext" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="newpicsort" id="newpicsort" value="nosort" />
<ul id="picsort" class="mod_kaimgviewer_picsort">
</ul>
<p><input name="ka_doedit" type="submit" value="Speichere Änderungen" /></p>
</form>
<p class="mod_kaimgviewer_textright"><input type="button" value="Abbrechen" onclick="javascript: window.location = 'http://localhost/nanopact/admin/pages/modify.php?page_id=5&section_id=22'; return false;" /></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 10px 0px 10px 0px;">
<tr>
<td align="center" style="font-size: 10px;">
<!-- Please note: the below reference to the GNU GPL should not be removed, as it provides a link for users to read about warranty, etc. -->
<a href="http://www.websitebaker.org/" style="color: #000000;" target="_blank">websitebaker</a>
is released under the
<a href="http://www.gnu.org/licenses/gpl.html" style="color: #000000;" target="_blank">GNU General Public License</a>
<!-- Please note: the above reference to the GNU GPL should not be removed, as it provides a link for users to read about warranty, etc. -->
</td>
</tr>
</table>
<script src="http://localhost/nanopact/include/jquery/jquery-min.js" type="text/javascript"></script>
<script src="http://localhost/nanopact/include/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="http://localhost/nanopact/include/jquery/jquery-insert.js" type="text/javascript"></script>
<!--[if lt IE 7]><script type="text/javascript" src="http://localhost/nanopact/include/jquery/plugins/unitpngfix.js"></script><![endif]-->
<script language="javascript" type="text/javascript">
if($(".jcalendar").length) {
$.insert("http://localhost/nanopact/include/jscalendar/calendar-system.css");
}
if($(".jsadmin").length) {
$.insert("http://localhost/nanopact/modules/jsadmin/backend.css");
}
if($("a[rel^='lightbox']").length) {
$.insert("http://localhost/nanopact/include/jquery/plugins/jquery-slimbox2.css");
$.insert("http://localhost/nanopact/include/jquery/plugins/jquery-slimbox2-min.js");
}
</script>
</body>
</html>
so, but if you'd change the backend to java-applet, is that a wise thing to do? because java is not that wide spread like flash and many have security concerns.
anyway, i like your modul
regards
«
Last Edit: August 16, 2009, 11:20:43 AM by herr rilke
»
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8) - to 0.9
«
Reply #12 on:
August 20, 2009, 09:50:30 AM »
Okay, now i found time testing it on the final version of wb 2.8. It was a problem with the jquery javascript framework wich is now included in the wb-backend. I am using the mootools library and some function like the "$" are overridden by jquery... (at least i think so)
However, i found an simple solution:
in the file edit_images.php on line 137 of my kaimgviewer i added following:
Code:
if(jQuery)
jQuery.noConflict();
then in context with the above and the bottom codelines it should look like this:
Code:
<script type="text/javascript">
<!--
window.addEvent('load', function() {
if(jQuery)
jQuery.noConflict();
$('ka_ph_upload_info').appendText(' Detected Flash Version: ' + Browser.Plugins.Flash.version + '!');
... and so on...
you can try to hack this in your edit_images.php or download the new kaimgviewer 0.9 wich i uploaded to amasp. Here is the link:
http://www.websitebakers.com/pages/modules/image-galleries/imgviewer.php
There is only this change in 0.9, so you can only copy the edit_images.php and the info.php to your current kaimgviewer installation directory...
tell me if it works for you too...
(empy the browser cache can be always a good thing to do)
regards, tom
Logged
herr rilke
Offline
Posts: 90
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #13 on:
August 21, 2009, 04:16:30 AM »
hello tom,
erverything is working now.
thanks a lot! - and don't move to java applets
regards
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #14 on:
August 21, 2009, 05:46:01 AM »
ok cool,
so you don´t like java applets at all??
well, i can understand you, but what about these pros for imageviewer...
- upload photos with any kind of pixelsize and KB, the scaling process for the images is all happening in the applet clientside. you can choose even directly from your digicam if you want...
- the upload is as fast as it can be, cause only the resized pictures are transferred to the server
- you can add you images by drag and drop to the upload, or find it in an explorer style view, with preview...
- and you will have the opportunity to crop a certain part of an image directy in the applet, so you really dont need any picture editing programm...
the loading of the applet is slow the first time, but after that it´s minimal slower than the flash method I used now...
does not sound cool?
Logged
gila
Offline
Posts: 47
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #15 on:
December 21, 2009, 11:50:28 AM »
hi, i'm using this beaoutifoul mod, i'm tryng to chenge the default settings like size of images strict or not, but i cant find where they are set.
can you help me?
thanks.
***SOLVED****
i just found that those are the default data of the "mod_kaimgviewer" table.
thank you again for this beaoutifoul mod.
«
Last Edit: December 21, 2009, 12:05:40 PM by gila
»
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #16 on:
December 21, 2009, 05:21:30 PM »
thanks for you comment...
i am testing the new version 1.0 now. I replaced the uploader with an smart java applet uploader. It has many nice features. I will upload the new version beginning 2010...
greetings
gingebaker
Logged
sky writer
Offline
Posts: 252
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #17 on:
January 14, 2010, 10:30:23 PM »
Really like where this mod is, and where it is going. Thanks!
I am using the Flash rotator view mode. Would it be possible to have the pics displayed in random order? And centered?
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #18 on:
January 15, 2010, 08:32:25 AM »
Hi
Sure. Just open the file jpgrotate_xml.php in your kaimgviewer Directory. On Line 38 just under the code:
Code:
$picdata = ka_get_pic_data($section_id);
if(!is_array($picdata)) {
echo "NO IMAGES";
exit;
}
insert the line:
Code:
shuffle($picdata);
It should be in random order...
For centering just use some css.
If your Img-Rotatotr is for an example in a div container with class 'container'. Try something like this:
.container object, .container embed { margin:auto; }
(didnt try that...)
hope i could a help a little...
greetings...
Logged
mylesk42
Offline
Posts: 120
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #19 on:
May 31, 2010, 05:54:58 PM »
Hello,
I'm trying to use the last version of ka_imgviewer on a WB 2.7 platform, but the upload buttons doesn't show.
In the source code, I saw that backend.js was here but nothing happens.
I've installed the Flash 10 plugin without success.
Any idea ?
Regards
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #20 on:
June 01, 2010, 07:51:58 AM »
Hello mylesk42
I am not using the 0.8 version anymore. I moved away from the flash featured upload because there were some security updates in flash wich always made problems again.
I now uploaded the new 1.0 version to AMASP. It now features and java applet based upload meachanism. Dont be scared because the tool I integrated (jumploader) is really great.
The most cool benefit is: You can just drag and drop lets say a 4000x3000px Image from your cam. The resizing is all done on your local pc in the flash applet and the upload is really fast, cause it only uploads the smaller version and the thumb.
Please check it out and tell me what you think.
YOU WILL NEED TO:
- uninstall the modul first. Or make the upgrade. I would prefer to make the uninstall if you dont have to much content in your image viewer.
- clear browser cache
- have an java enabled browser. You should have installed the Java JRE.
www.java.com/download
You can find the new version at AMASP:
http://www.websitebakers.com/pages/modules/image-galleries/imgviewer.php
Logged
gingebaker
Offline
Posts: 22
new version ka imgviewer 1.0 at amasp
«
Reply #21 on:
June 01, 2010, 07:56:44 AM »
The official update Message
The new version of ka_imgviewer (1.0) is now for download at AMASP
check it our here:
http://www.websitebakers.com/pages/modules/image-galleries/imgviewer.php
- I switched to java applet upload instaed of flash integration. Thanks to Jumploader (
http://jumploader.com/
) this works very well!!
You will only need an java enabled browser.
Logged
mylesk42
Offline
Posts: 120
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #22 on:
June 01, 2010, 02:56:36 PM »
Hello Ginger,
Thanks for you module.
I've updated as you said, it work now fine in IE8 and Firefox 3 from the admin and front sides. Great for upload, really !
I wanted to add a question : is it possible to open the big size image with the LightBox ? (maybe just install the LightBox module ... or have a call in the right file but which ? I didn't tried yet ...)
Regards
Logged
gingebaker
Offline
Posts: 22
Re: new Modul ImageViewer (kaimgviewer 1.0)
«
Reply #23 on:
June 02, 2010, 08:29:29 AM »
Hi.
Thats really no problem. You can add lightbox support to images if you are adding the rel="lightbox" to the parent a tag.
In the imgviewer modul open the file: ka_viewmodes.php
you will find 3 classes that are responsible for the output. one for html, flash rotator and so on...
Lets say you have the the normal HTML-Output:
on line 58 its says:
Code:
$output .= $this->options['opentag'].'<a href="'.$abs_url.$value['id'].'.jpg" title="'.$title.'"><img src="'.$abs_url_thumb.$value['id'].'.jpg" alt="'.$title.'" border="0" /></a>'.$this->options['closetag'];
change this to:
Code:
$output .= $this->options['opentag'].'<a href="'.$abs_url.$value['id'].'.jpg" title="'.$title.'" rel="lighbox[gal]"><img src="'.$abs_url_thumb.$value['id'].'.jpg" alt="'.$title.'" border="0" /></a>'.$this->options['closetag'];
thats all. Now you have to install a lightbox module, or just add the lightbox js and css to your template.
if you are using the mootools framework perhaps you will like to take a look at Mediabox Advanced. Very nice script wich handles also movies and stuff...
http://iaian7.com/webcode/mediaboxAdvanced
hope that helps...
greetings gingebaker
Logged
maverik
Offline
Posts: 1541
Re: new Modul ImageViewer (kaimgviewer 0.8)
«
Reply #24 on:
June 02, 2010, 10:42:35 AM »
picture upload impossible
Quote
Datei hinzugefuegt, index=0
Status geaendert, index=0, status=3, Antwort=Error: WB-Authorization Required
Logged
Signatur wird geladen...
Pages: [
1
]
2
Go Up
Jump to:
Please select a destination:
-----------------------------
General
-----------------------------
=> General Announcements
-----------------------------
English
-----------------------------
=> Help & Support
-----------------------------
General
-----------------------------
=> WebsiteBaker Website Showcase
-----------------------------
English
-----------------------------
=> Modules
=> Templates, Menus & Design
=> WebsiteBaker Language Files
=> Droplets (PHP code for use with Droplet module) & Snippets (raw PHP code)
-----------------------------
General
-----------------------------
=> Guest Area & Off-Topic
-----------------------------
English
-----------------------------
=> WebsiteBaker 2.x discussion
=> WebsiteBaker 3
-----------------------------
General
-----------------------------
=> Security Announcements
-----------------------------
Deutsch (German)
-----------------------------
=> Hilfe/Support
-----------------------------
General
-----------------------------
=> Documentation
-----------------------------
Francais (French)
-----------------------------
=> Help/Support
-----------------------------
Italiano (Italian)
-----------------------------
=> Help/Support
-----------------------------
Deutsch (German)
-----------------------------
=> Ankündigungen
=> Diskussion über WB
=> Off-Topic
=> Archiv für Themen bis 2007
=> Module & Snippets
-----------------------------
English
-----------------------------
=> Archive (posts up to 2007)
-----------------------------
Nederlands (Dutch)
-----------------------------
=> Aankondigingen
=> Hulp & Ondersteuning
=> Niet-Terzake (Off Topic)
-----------------------------
Deutsch (German)
-----------------------------
=> jQuery
=> Tutorials
=> Templates & Design
-----------------------------
English
-----------------------------
=> jQuery
-----------------------------
Bakery (WB shop module)
-----------------------------
=> Bakery English
=> Bakery Deutsch
-----------------------------
English
-----------------------------
=> WebsiteBaker 2.9
===> Announcements
===> Help/Support
===> Suggestions
-----------------------------
Deutsch (German)
-----------------------------
=> WebsiteBaker 2.9
===> Ankündigungen
===> Hilfe/Support
===> Vorschläge
-----------------------------
English
-----------------------------
===> Software bugs
-----------------------------
Deutsch (German)
-----------------------------
===> Softwarefehler
=====> Module / Extensions
-----------------------------
English
-----------------------------
=====> Modules / Extensions
-----------------------------
Deutsch (German)
-----------------------------
===> Erfahrungs und Testberichte
-----------------------------
KeepInTouch (Multi Contact Module)
-----------------------------
=> KeepInTouch English
=> KeepInTouch Deutsch
Loading...