4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Requests & Discussions) => Topic started by: Scarala on January 25, 2013, 07:15:55 AM

Title: [MOD] Vor und Zurück mit Pfeiltasten in der Detailansicht
Post by: Scarala on January 25, 2013, 07:15:55 AM
Hallo Leute

Ich habe eine kleine Mod bei mir eingebaut, mit der es möglich ist, mit den Pfeiltasten der Tastatur vor und Zurück durch die Bilder zu gehen.

Hier erstmal eine kleine Anleitung zum einbauen.
Weiter unten eine Frage dazu.

Step 1:
Suche in templates/{Dein Template}/header.html
<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">

und ersetze es durch
<body  bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475" onkeydown="navigieren(event.keyCode);">
(Je nach Template kann es sein, das die Farbeinstellungen nicht im <body>-Tag stehen. Ich habe hier die Standardinstallation genommen.

Step 2:
Suche in templates/{Dein Template}/details.html
{header}

und füge in der Zeile darunter folgendes ein:
<?php
$prev = "{prev_image_url}";
$next = "{next_image_url}";
if ($prev == "&nbsp;")
{echo '<script type="text/javascript" language="JavaScript">
function navigieren(gehe)
{
switch(gehe){
  case 39:
  window.location.href="'.$next.'";
  break
  default:
  break
  }
}
</script>';}
else {
if ($next == "&nbsp;") {
echo '<script type="text/javascript" language="JavaScript">
function navigieren(gehe)
{
switch(gehe){
  case 37:
  window.location.href="'.$prev.'";
  break
  default:
  break
  }
}
</script>';}
else
{echo '<script type="text/javascript" language="JavaScript">
function navigieren(gehe)
{
switch(gehe){
  case 37:
  window.location.href="'.$prev.'";
  break
  case 39:
  window.location.href="'.$next.'";
  break
  default:
  break
  }
}
</script>';}} ?>

Das wars schon.

Liebe Grüße

Scarala
Title: Re: [MOD] Vor und Zurück mit Pfeiltasten in der Detailansicht
Post by: Rembrandt on January 25, 2013, 06:01:55 PM
Hi!

Naja so einfach ist es dann doch nicht.
Du mußt sicherstellen das wenn der Link leer ist, das die Taste nicht mehr funktioniert.

das heisst du mußt eine abfrage einbauen ob "{prev_image_url} oder {next_image_url}" leer ist oder nicht.

mfg Andi
Title: Re: [MOD] Vor und Zurück mit Pfeiltasten in der Detailansicht
Post by: Scarala on January 28, 2013, 01:38:37 PM
Frage aus dem ersten Post gelöst:
Quote
Jetzt meine Frage dazu:
Wenn man beim ersten bzw letzten Bild einer Kategorie ist, dann wird man auf eine leere Seite weitergeleitet, weil dann {prev_image_url} bzw. {next_image_url} keine URL enthalten, weil ja kein Bild da ist. Kann man den Code irgendwie so verändern, dass das drücken auf den Pfeil nach link bzw nach rechts auf der Tastatur, keine Funktion hat, wenn kein vorheriges bzw. nächsten Bild vorhanden ist?

Danke für diesen kleinen gedankenanstoß xD

Habe den obrigen Code entsprechend geändert.
Der Code ist damit voll Funktionsfähig.

Die Variable ist, wenn kein Bild vorhanden, interesanter weise mit einem &nbsp; gefüllt, daher
if ($prev == "&nbsp;")
und
if ($next == "&nbsp;") {
Title: Re: [MOD] Vor und Zurück mit Pfeiltasten in der Detailansicht
Post by: Loda on February 01, 2013, 05:26:42 PM
ich habe es mal getestet..
bei einigen Browsern kommt es vor, dass man keine Kommentare mehr schreiben kann, man gelangt bei der Eingabe dann zum nächsten Bild. ist es auch so bei euch?
Title: Re: [MOD] Vor und Zurück mit Pfeiltasten in der Detailansicht
Post by: kangarooms on July 12, 2013, 09:54:17 PM
super sowas suchte ich

danke