Gallery 2 für Handys optimiern

Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Thu, 2013-04-04 14:39

Hallo! Ichhabe die Gallery 2 und bin damit sehr zufrieden. Nur leider ist das mit den meisten Handys recht unhandlich.

Habe nun gesehen es gibt für die 3er eine Handyversion iwie. Aber bekomme A die G3 nicht 1:1 hin wie die G2 und das Handy machts auch noch nicht.

Gibt es eine möglichkeit die G2 so zuverändern das das Handy es "einfach" darstellt? So mit durchswitchen und so...

Oder eine möglichkeit das selbe Layout wie G2 auf G3 zu bekommen?

ICh benutze die Themes Ice und Carbon in Kombi.

Habe auch schon versucht via Datenabnk selbst was zu programmieren aber ich bekomme aus der DB keine Sinnvolle Reihenfolge zustande udn versteh da glaub zu wenig.

Danke schonmal für die Mühe!

Antworten ach via mail möglich...

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-04-04 14:59
 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Thu, 2013-04-04 15:18

das aber doch ein komplettes theme oder wird das als "Funktion" eingebunden?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-04-04 15:32

Dies ist ein komplettes Thema, aber mein Demo ist in WordPress integriert

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Thu, 2013-04-04 15:35

Ich stell mich evtl. grad recht blöd an...sry.

Ist das nun für die G2 oder G3?

Wenn für G2: Wie bekomme ich die reine Handyversion ( ich gehe davon aus das es das ist und nicht einfach die größeren Bilder sind) UND NICHT das Theme auf die restliche Seite?

Wenn für G3: KAnn ich da die selben Funktionen wie in den 2 anderen Themes machen?

Danke für die nerven *g*

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-04-04 15:50

Dies ist ein G2 Thema. Hier ist das Thema standalone http://wp.suprsidr.com/gallery2/v/public/

Ich habe auch ein Skript G2 für mobile http://testr.suprsidr.com/m/ angezeigt

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Thu, 2013-04-04 16:00

Das Script ist super... nur das was ich suche :)

hast du mir eine einfache installation dafür? steh grad aufem schlauch :-S

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-04-04 16:39

gibt es einen Download-Link auf diese Seite

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Fri, 2013-04-05 17:20

den hab ich danke :-)

nur installationsanleitung :-)

Edit:

Also habe das script aufem Server aber ich bekomme es nicht mit der vorhandenen G2 verbunden.

Bitte um hilfe!!!

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2013-04-08 15:33

I use javascript to detect a touch device and offer a dialog. So I place this in the head of my regular gallery2 theme located here:

        <script>
            if(sessionStorage && sessionStorage.showMobile && sessionStorage.showMobile == 'true')
                location.href = '/m/#<?= isset($_REQUEST['g2_itemId'])?$_REQUEST['g2_itemId']:7 ?>';
            if(('ontouchstart' in window || navigator.msMaxTouchPoints) && !sessionStorage.showMobile)
                show_confirm();

            function show_confirm(){
                var r=confirm('Would you like to view the mobile version?');
                if (r==true){
                    sessionStorage.showMobile = 'true';
                    location.href = '/m/#<?= isset($_REQUEST['g2_itemId'])?$_REQUEST['g2_itemId']:7 ?>';
                }else{
                	sessionStorage.showMobile = 'false';
                }
            }
        </script>

and that offers touch devices a redirect to my mobile page.

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Mon, 2013-04-08 19:24

hmm... danke. aber ich komme leide rimmer noch nicht zurecht.

die haufen files in dem G2_rest.zip. was brauche ich da effektiv und was muss ich dort wo eintragen ?

Deine js abfrage komm die in das theme oder in die normale main.php?

danke für die ausführliche beschreibung, der nicht-so-gut-auskenner

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2013-04-08 20:55

I give 3 example pages on how to use my script.
index.html
minimal_page_structure.html
htaccess_combined_css_js.html

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Mon, 2013-05-06 18:38

Hi

also ich habe es sowit hinbekommen: es werden auf der /m/ version die anzahl der bilder und so angezeigt. Aber ich sehen kein einziges bild. Da ist überall nur der ladebalken. wenn ich ein bild anklicke kommt nur ein bild mit "X" so das keine bilder da wären. Was muss ich denn da noch verändern das die noch angezeigt werden?

UND

es wird am handy nicht auf die m version weitergeleitet. ich habe das script vonoben in die theme.tpl eingebunden. habe auch noch ein theme.tpl~ dort liegen. aber das kann ich nicht verändern. was mache ich falsch?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2013-05-06 18:38

kannst du mir zeigen eine url?

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Mon, 2013-05-06 19:02
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2013-05-06 22:11

try 'htmlEntities'=>false rest.php line ~595:
$thumbUrl = $urlGenerator->generateUrl(array('view'=>'core.DownloadItem', 'itemId'=>$thumbnail[$itemId]->getId(), 'serialNumber'=>$thumbnail[$itemId]->getSerialNumber()), array('forceFullUrl'=>true, 'forceSessionId'=>true, 'htmlEntities'=>false));

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Tue, 2013-05-07 15:51

Hey danke für die schnelle Antwort. Also das "false" hat nun die bilder in der normalen ansicht zum laden gebracht. Nur ist in der detailansicht ( also mit der durch - swich funktion und slideshow) noch nicht vorhanden. lade fehler? Kommt direkt das X-bild.

Und wie bekomme ich es hin, das die Handys direkt dorthin weitergeleitet werden oder zumindest gefragt werden? bei meinem Samsung und bei einem anderen geht das nicht... iphone hab ich keins aber sollte überall gehen...

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Tue, 2013-05-07 16:23

try 'htmlEntities'=>false rest.php line ~636:

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Tue, 2013-05-07 16:33

"I use javascript to detect a touch device and offer a dialog. So I place this in the head of my regular gallery2 theme located here:"

in welchem File hast du das plaziert und wo genau? Im haupttheme, also bei mir /themes/ice/templates/theme.tpl ? Im head oder woanderst?

So wie das script ist?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Tue, 2013-05-07 16:49

themes/ice/templates/theme.tpl:

{literal}
        <script>
            if(sessionStorage && sessionStorage.showMobile && sessionStorage.showMobile == 'true')
                location.href = '/m/#{/literal}{$theme.item.id}{literal}';
            if(('ontouchstart' in window || navigator.msMaxTouchPoints) && !sessionStorage.showMobile)
                show_confirm();

            function show_confirm(){
                var r=confirm('Would you like to view the mobile version?');
                if (r==true){
                    sessionStorage.showMobile = 'true';
                    location.href = '/m/#{/literal}{$theme.item.id}{literal}';
                }else{
                	sessionStorage.showMobile = 'false';
                }
            }
        </script>
{/literal}
</head>

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Tue, 2013-05-07 17:08

Actually this would be more accurate:

        <script>
            {if $theme.pageType == 'album'}
              var id = {$theme.item.id};
            {else}
              var id = {$theme.item.parent.id};
            {/if}
            {literal}
            if(sessionStorage && sessionStorage.showMobile && sessionStorage.showMobile == 'true')
                location.href = '/m/#' + id;
            if(('ontouchstart' in window || navigator.msMaxTouchPoints) && !sessionStorage.showMobile)
                show_confirm();

            function show_confirm(){
                var r=confirm('Would you like to view the mobile version?');
                if (r==true){
                    sessionStorage.showMobile = 'true';
                    location.href = '/m/#' + id;
                }else{
                  sessionStorage.showMobile = 'false';
                }
            }
            {/literal}
        </script>
</head>

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Tue, 2013-05-07 17:12

Das mit dem head muss ich noch testen.

Mein problem ist nun folgendes: ich habe in den alben 3 ver. bildgrößen. und beim handy anschauen werden die größte version geladen. sprich bei vielen bildern kommen manche bilder garnicht oder nur teils, weil er recht lange laden muss am handy. am pc geht es ... gibt es da eine Einschränkung zu machen? also Qualität verändern oder so?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Tue, 2013-05-07 21:19

G2Rest.js tests the browser width and requests the resize be a maxSize to server to smaller devices:
/rest.php?callback=jQuery17207278869115253574_1367961246954&mode=members&g2_itemId=25169&offset=0&max=100&maxSize=829&_=1367961258172

resize your browser and reload the page, the images requested should be smaller. If not you need to build some smaller resizes as we try to get the closest match list($ret, $resize) = getBestImageId($itemId);

Sorry I did not feel like translating.

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Sat, 2013-05-11 19:30

what do you mean with "... the closest match list($ret, $resize) = getBestImageId($itemId);" ?

the pictures on the server musst be build these sitze for the real website...

On them you can those between a smal, large and extralarge size...

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Wed, 2013-05-15 15:00

hm..? i need help :-/

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Wed, 2013-05-15 16:09
Quote:
G2Rest.js tests the browser width and requests the resize ... that is the closest match to the browser size.

You can have gallery build some more intermediate resizes.

-s
________________________________
All New jQuery Minislideshow for G2/G3

 
Simonowitsch

Joined: 2013-04-04
Posts: 14
Posted: Wed, 2013-05-15 20:31

thats mean?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2013-05-16 00:55

I looks like you have these sizes available to view:
150x150
800x800
1024x1024
full size

you might want to have gallery build some smaller sizes like 320x320 and 640x640

-s
________________________________
All New jQuery Minislideshow for G2/G3