Support/Comments for Easy 2 Gallery 1.4.0-RC-4

204 Posts

islander Reply #71, 15 years, 10 months ago

@goldsky
Here are some updated Spanish lang files (not complete, but better than the previous ones).

Also, may I suggest that in the Files section, where you have "Path: Easy 2/" that "Easy 2/" is changed to "gallery" or whatever the default install location is? I think that this would be a bit more logical.

☆ A M B ☆
3,112 Posts

goldsky Reply #72, 15 years, 10 months ago

thx, islander.
yes, i guess the original author won’t mind. tongue

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.

217 Posts

kudykam Reply #73, 15 years, 10 months ago

Quote from: goldsky at Nov 09, 2010, 05:07 AM

I believe your snippet call is based on the slideshow, so the autoloaded header scripts are the galleryview’s.
Try to load the floatbox’s JS and CSS manually on the template.

For better explanation I am including source code... In summary. I have 2 ditto calls on main page and one slideshow (galleryview).
In this case slideshow doesnt work - I personally thik it becaouse javascript is not added to html for some reason, it add only this part:

 <style type="text/css">
            div.e2g_wrapper {visibility:hidden}
        </style>
        <script type="text/javascript">
            window.onload = function() {
                var css = document.createElement('style');
                css.type = 'text/css';
                var styles = 'div.e2g_wrapper {visibility:visible}';

                if (css.styleSheet) css.styleSheet.cssText = styles;
                else css.appendChild(document.createTextNode(styles));

                document.getElementsByTagName("head")[0].appendChild(css);
            };
        </script>

If I diasable one of my ditto call (so I have only one ditto and slideshow), slideshow works!, following html code is included:

 <style type="text/css">
            div.e2g_wrapper {visibility:hidden}
        </style>
        <script type="text/javascript">
            window.onload = function() {
                var css = document.createElement('style');
                css.type = 'text/css';
                var styles = 'div.e2g_wrapper {visibility:visible}';

                if (css.styleSheet) css.styleSheet.cssText = styles;
                else css.appendChild(document.createTextNode(styles));

                document.getElementsByTagName("head")[0].appendChild(css);
            };
        </script>
    
	<link rel="stylesheet" type="text/css" href="/modx/assets/libs/slideshows/galleryview/galleryview.css" media="screen" />

        <style type="text/css" media="screen">
         div.panel-title {
            font-size : 20px;
            margin: .3em 0;
        }
        div.panel-description {
            font-style: italic;
            line-height: 1.2em;
        }
        </style>
        
	<script type="text/javascript" src="/modx/assets/libs/jquery/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.galleryview-1.1.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.timers-1.1.2.js"></script>

        <script type="text/javascript">jQuery.noConflict();</script>

        <script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery('#photos').galleryView({
                    panel_width: 467,
                    panel_height: 198,
                    frame_width: 60,
                    frame_height: 30
                });
            });
        </script>

I call floatbox javascript an jquery manually before this code like this:

<!-- TABS - jquery -->
<link rel="stylesheet" type="text/css" href="assets/templates/czp/tabs.css" />
<script src="assets/templates/czp/js/jquery-1.4.2.min.js"></script>
<script src="assets/templates/czp/js/jquery.tools.min.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j("#flowpanes").scrollable({ circular: true, mousewheel: false}).navigator({
        navi: "#flowtabs",
        naviItem: 'a',
        activeClass: 'current',
        history: false
    });
});
</script>

<!-- menumatic - mootools -->
<link rel="stylesheet" media="screen" charset="utf-8" type="text/css" href="assets/templates/czp/mm/css/MenuMatic.css" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" media="screen" charset="utf-8" type="text/css" href="assets/templates/czp/mm/css/MenuMatic-ie6.css" />
    <![endif]-->
<script src="assets/templates/czp/mm/js/mootools.js" type="text/javascript"></script>
<script src="assets/templates/czp/mm/js/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>

<script src="assets/templates/czp/mm/js/mm-start.js" type="text/javascript" charset="utf-8"></script>
<!-- Floatbox  -->
<link rel="stylesheet" type="text/css" href="assets/libs/floatbox/floatbox.css" media="screen" />
<script src="assets/libs/floatbox/floatbox.js" type="text/javascript"></script>
<script src="assets/libs/floatbox/option.js" type="text/javascript"></script>

In summary: e2g doesnt include full javascript code into html if I use 2 ditto calls..
Note: You can see 2 jquery scripts, but it works like that anyway...

217 Posts

kudykam Reply #74, 15 years, 10 months ago

With regard to my another page...
I have only filmstrip slideshow with this code:





        <style type="text/css">
            div.e2g_wrapper {visibility:hidden}
        </style>
        <script type="text/javascript">
            window.onload = function() {
                var css = document.createElement('style');
                css.type = 'text/css';
                var styles = 'div.e2g_wrapper {visibility:visible}';

                if (css.styleSheet) css.styleSheet.cssText = styles;
                else css.appendChild(document.createTextNode(styles));

                document.getElementsByTagName("head")[0].appendChild(css);
            };
        </script>
    
	<link rel="stylesheet" type="text/css" href="/modx/assets/libs/slideshows/galleryview/galleryview.css" media="screen" />

        <style type="text/css" media="screen">
         div.panel-title {
            font-size : 20px;
            margin: .3em 0;
        }
        div.panel-description {
            font-style: italic;
            line-height: 1.2em;
        }
        </style>

        
	<script type="text/javascript" src="/modx/assets/libs/jquery/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.galleryview-1.1.js"></script>
	<script type="text/javascript" src="/modx/assets/libs/slideshows/galleryview/jquery.timers-1.1.2.js"></script>

        <script type="text/javascript">jQuery.noConflict();</script>

        <script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery('#photos').galleryView({
                    filmstrip_size: 5,
                    frame_width: 120,
                    frame_height: 80,
                    background_color: 'transparent',
                    nav_theme: 'zluta',
                    border: 'none',
                    show_captions:true,
                    caption_text_color: 'black'
                });
            });
        </script>
....
....
<div class="e2g_wrapper" id="e2g_wrapper_1">
    
    <div id="photos" class="galleryview">

        <ul class="filmstrip">
        
            <li>
                <a class="floatbox" rev="group:pix"  href="assets/images/gallery/historicky-vlak.jpg" title="Vláček kolejáček">
                
                    <img src="assets/images/gallery/_thumbnails/historicky-vlak_id139_sid1_120x80.jpg" alt="Vláček kolejáček" title="Vláček kolejáček" />
                </a>
            </li>
            
            <li>
                <a class="floatbox" rev="group:pix"  href="assets/images/gallery/dsc03294.jpg" title="Jméno">
                
                    <img src="assets/images/gallery/_thumbnails/dsc03294_id139_sid1_120x80.jpg" alt="Jméno" title="Jméno" />

                </a>
            </li>
            
           ...
            
        </ul>
    </div>
    
</div>

First thumb. is newer shown in floatbox (no matter which one is currently displayed) on click and resize. I cant see any errors in html, so there must be some in javascript.

☆ A M B ☆
3,112 Posts

goldsky Reply #75, 15 years, 10 months ago

how about this?
Use the index file attached, place it under the assets/libs/slideshows/galleryview/ folder.
the snippet call:

[!easy2? &slideshow=`galleryview` &ss_config=`filmstrip` &ss_indexfile=`assets/libs/slideshows/galleryview/filmstrip-floatbox.php` &w=`120` &h=`80` !]

It works on my testing, 2 dittos + filmstrip + floatbox.

PS:
I don’t even need to change my headers.

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.

217 Posts

kudykam Reply #76, 15 years, 10 months ago

Thanks for effort, but no change at all...
Note: on main page I dont have filmstrip but gallery ligh config.
Filmstrip is on other page...
I tried your config on both pages...

If you want I can give you access to my pages to look at it yourself...
P.S: not sure how to give you right to display config in e2g, it shows only dashboard...

☆ A M B ☆
3,112 Posts

goldsky Reply #77, 15 years, 10 months ago

Not even like this?
http://arslantic.co.id/evo/e2g-test-page/with-another-snippet/ditto.html

Quote from: kudykam at Nov 28, 2010, 04:33 AM

If you want I can give you access to my pages to look at it yourself...
P.S: not sure how to give you right to display config in e2g, it shows only dashboard...

1. You should create a manager permission group from the MODx’s security tab, like: Picture Managers.
2. on the User tab, apply all the access to that group.

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.

☆ A M B ☆
3,112 Posts

goldsky Reply #78, 15 years, 10 months ago

hey, you’re right...
all the thumbnail on the first thumb can not pop up correctly.

I’ll try to fix this.

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.

217 Posts

kudykam Reply #79, 15 years, 10 months ago

Quote from: goldsky at Nov 28, 2010, 05:10 AM

Not even like this?
http://arslantic.co.id/evo/e2g-test-page/with-another-snippet/ditto.html

Quote from: kudykam at Nov 28, 2010, 04:33 AM

If you want I can give you access to my pages to look at it yourself...
P.S: not sure how to give you right to display config in e2g, it shows only dashboard...

1. You should create a manager permission group from the MODx’s security tab, like: Picture Managers.
2. on the User tab, apply all the access to that group.

1. I created group
2. I added you to this group in user tab
3. now I have to permit this group in e2g element right? (before I have acces for all) anyway I set acces for this new group, but still you cannot acces to config in e2g
(I must be missing some step...)

☆ A M B ☆
3,112 Posts

goldsky Reply #80, 15 years, 10 months ago

have you synchronized the user? it’s not the same with the file’s.

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.