4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: Rembrandt on February 14, 2009, 10:55:07 PM

Title: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on February 14, 2009, 10:55:07 PM
Hi!

Mit dieser Modifikation ist es möglich mit klick auf das Bild, vor und zurück zu Navigieren.

Demo:Demo (http://galerie.fotografie-erleben.eu/)

1.)  suche in der funktions.php:

"width" => $width,

und fügt davor ein:

"navi" => ($width/2),


2.)  ersetze in der templates/media/jpg.html:
Code: [Select]
<img src="{media_src}" border="1" alt="{image_name}"{width_height} /><br />mit diesem:
Code: [Select]
<img src="{media_src}" border="0" alt="{image_name}"{width_height} usemap="#navi" ><br>

3.) suche in der templates/detail.html:
Code: [Select]
{endif msg}und fügt danach ein:
Code: [Select]
<div class="tooltip" id="tt1">{lang_prev_image}</div>
<div class="tooltip" id="tt2">{lang_next_image}</div>

4.) suche in der templates/detail.html:
Code: [Select]
{image}
und füge danach ein:
Code: [Select]
<map name="navi">
{if prev_image_name}
  <area shape="rect" coords="0,0,{navi},{height}"   href="{prev_image_url}" onmouseover="showNAVI('tt1')" onmouseout="hideNAVI()" alt="{prev_image_name}">
{endif prev_image_name}
{if next_image_name}
  <area shape="rect"  coords="{navi},0,{width},{height}"  href="{next_image_url}" onmouseover="showNAVI('tt2')" onmouseout="hideNAVI()" alt="{next_image_name}">
   {endif next_image_name}
</map>

5.) Damit bei überfahren des Bildes ein 'tooltip' erzeugt wird, muss noch dieses script in die 'templates/header.html'.
suche:
Code: [Select]
{if has_rss}füge davor ein:
Code: [Select]
<script type="text/javascript">
<!--
navi = null;
 document.onmousemove = updateNAVI;
 function updateNAVI(e) {
  if (navi != null) {
    x = (document.all) ? window.event.x + navi.offsetParent.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + navi.offsetParent.scrollTop  : e.pageY;
    navi.style.left = (x - 40) + "px";
    navi.style.top   = (y - 20) + "px";
  }
}
 
function showNAVI(id) {
  navi = document.getElementById(id);
  navi.style.display = "block"
}
 
function hideNAVI() {
  navi.style.display = "none";
}
//-->
</script>

6.) suche in der templates/style.css :
Code: [Select]
/*--Images----------------------------------------------------*/und fügt danach ein:
Code: [Select]
.tooltip {
  position: absolute;
  display: none;
  font-family: Georgia,Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #00ff00;
  font-weight : bold;
/* background-color: #cccccc; */
}


Jetzt sollte es möglich sein in einen bereich von 150 pixel vom linken und 150 pixel vom rechten rand aus,
mit der Maus ein Bild vor und zurück zu Navigieren.

mfg Andi

Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on February 15, 2009, 10:27:15 AM
TOP  :thumbup:
 na dann mal auf zum testen :)

Danke

Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on February 15, 2009, 02:07:12 PM
Klappt bis auf den Tooltipp bestens, nur der wird im Bild nicht angezeigt

auszug aus der detail.html

Code: [Select]
<div align="center">{if msg}<b>{msg}<br />
                        <br />
                      </b>{endif msg}
                      <div class="tooltip" id="1">vorheriges Bild</div>
                      <div class="tooltip" id="2">nächstes Bild</div>
                      </p>
                      </div>
                    <div align="center"> {image}
                    <map name="navi">
  <area shape="rect" coords="0,0,150,800 "
   {if prev_image_name}
     href="{prev_image_url}">
   {endif prev_image_name}
  <area shape="rect"  coords="{navi},0,800,600"
   {if next_image_name}
     href="{next_image_url}">
   {endif next_image_name}
</map>

                      {if admin_links}<br />

header.html

Code: [Select]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title> {site_name}  </title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<meta name="keywords" content="{meta_image_keywords} " />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
    if (captcha_image_url.indexOf('?') == -1) {
  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
} else {
  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
}

    document.getElementById('captcha_input').value="";
    document.getElementById('captcha_input').focus();
    captcha_reload_count++;
  }

function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }

// -->
</script>
{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
</head>
<script>
<!--
navi = null;
 document.onmousemove = updateNAVI;
 function updateNAVI(e) {
  if (navi != null) {
    x = (document.all) ? window.event.x + navi.offsetParent.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + navi.offsetParent.scrollTop  : e.pageY;
    navi.style.left = (x + 1) + "px";
    navi.style.top   = (y - 20) + "px";
  }
}
 
function showNAVI(id) {
  navi = document.getElementById(id);
  navi.style.display = "block"
}
 
function hideNAVI() {
  navi.style.display = "none";
}
//-->
</script>

<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">
<table width="100%" border="0">

</table>
<br />


LG Harald


Title: Re: [MOD]On Klick Prev / Next Images
Post by: birdynator on February 15, 2009, 03:07:56 PM
dankeschön,

habs mal getestet... also mitm firefox funktionierts einwandfrei, nur mitm IE is der link fürs nächste bild beim ersten bild der gallery auf der linken seite des bildes...
is aber nicht weiter schlimm.

das mit den tooltipps klappt auch noch nicht wirklich.

mfg
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on February 15, 2009, 04:13:27 PM
Klappt bis auf den Tooltipp bestens, nur der wird im Bild nicht angezeigt

auszug aus der detail.html

Code: [Select]
<div align="center">{if msg}<b>{msg}<br />
                        <br />
                      </b>{endif msg}
                      <div class="tooltip" id="1">vorheriges Bild</div>
                      <div class="tooltip" id="2">nächstes Bild</div>
                      </p>
                      </div>
                    <div align="center"> {image}
                    <map name="navi">
  <area shape="rect" coords="0,0,150,800 "
   {if prev_image_name}
     href="{prev_image_url}" onmouseover="showNAVI('1')" onmouseout="hideNAVI()">
   {endif prev_image_name}
  <area shape="rect"  coords="{navi},0,800,600"
   {if next_image_name}
     href="{next_image_url}" onmouseover="showNAVI('2')" onmouseout="hideNAVI()">
   {endif next_image_name}
</map>

                      {if admin_links}<br />

du hast auch die beiden:
Quote
<div class="tooltip" id="1">vorheriges Bild</div>
                      <div class="tooltip" id="2">nächstes Bild</div>
inerhalb eines <div> tags
ausgehend von der original 'details.html' ist die:
Quote
{if msg}<b>{msg}<br />
                  <br />
                  </b>{endif msg}
in keinen <div> tag

versuchs mal so:
Quote
<div align="center">{if msg}<b>{msg}<br />
                        <br />
                      </b>{endif msg}
                      </p>
                      </div>
<div class="tooltip" id="1">vorheriges Bild</div>
<div class="tooltip" id="2">nächstes Bild</div>

EDIT: sorry, ich habe was unter punkt 4.) im eingangspost vergessen, jetzt klappts auch mit den tooltips!!

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on February 15, 2009, 06:02:55 PM
TOP, jetzt klappt es auch zwischen den div  :wink:

Danke

LG Harald
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on February 15, 2009, 06:32:26 PM
...
habs mal getestet... also mitm firefox funktionierts einwandfrei, nur mitm IE is der link fürs nächste bild beim ersten bild der gallery auf der linken seite des bildes...
is aber nicht weiter schlimm. ...
sorry, unter punkt 4.) details.html ,hatte ich noch einen fehler drinnen.
gehört natürlich so:
Quote
<map name="navi">
{if prev_image_name}
  <area shape="rect" coords="0,0,150,800 "
   href="{prev_image_url}" onmouseover="showNAVI('1')" onmouseout="hideNAVI()">
{endif prev_image_name}
{if next_image_name}
  <area shape="rect"  coords="{navi},0,800,600"
   href="{next_image_url}" onmouseover="showNAVI('2')" onmouseout="hideNAVI()">
   {endif next_image_name}
</map>
ich habe es im eingangs post auch nochmal geändert.

ich sollte so spät am abend keine mod mehr einstellen :)

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: mawenzi on September 24, 2009, 11:36:53 AM
@ Andi

... und warum steht diese tolle und so gut präsentierte Modifikation noch im Thread "... Request ..." ... ?
... das ist jetzt auch dein Part, das zu ändern ... ;)
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on September 24, 2009, 11:47:21 AM
Hi!
...... und warum steht diese tolle und so gut präsentierte Modifikation noch im Thread "... Request ..." ... ?
... das ist jetzt auch dein Part, das zu ändern ... ;)
naja ich wollte mich da nicht selbst beweihräuchern :)
ausserdem dürfte diese modifikation den damaligen Mods entgangen sein.  :mrgreen:

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on September 24, 2009, 04:59:27 PM
Hi!
....
Ich hatte echt Mühe, den Tooltip zu finden ... nur durch herumfahren mit der Maus
bin ich dann zum Ergebnis gekommen....

ich hatte ursprünglich den mod nur für bildgrößen im format 800x600 optimiert, jetzt sollte er für alle formate passen.

punkt 3.) und 4.) im eingangspost editiert.

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Gexor on July 29, 2010, 11:53:48 AM
Ist zwar schon älter dieser Thread aber..

um das ganze noch etwas schöner zu gestalten

suche

Code: [Select]
<div class="tooltip" id="tt1">{lang_prev_image}</div>
<div class="tooltip" id="tt2">{lang_next_image}</div>

ersetzte mit

Code: [Select]
<div class="tooltip" id="tt1"><img src="pfeil_links.gif"></img></div>
<div class="tooltip" id="tt2"><img src="pfeil_rechts.gif"></img></div>

und lade die gifs in dein hauptverzeichniss





Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 29, 2010, 01:35:36 PM
Willkommen im Form!

das, oder man läßt gleich das vorige b.z.w. nächste bild anzeigen:
Code: [Select]
<div id="tool1" class="tooltip2"><img src="{prev_thumb_file}" alt="prev_image_name"></div>
<div id="tool2" class="tooltip2"><img src="{next_thumb_file}" alt="next_image_name"></div>

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images - Rahmenfarbe - Detailbild
Post by: digital24 on February 26, 2011, 02:33:44 AM
Hallo ..

Ich habe gestern Abend dieses MOD eingebaut, es funkioniert auch richtig gut. Gewählt habe ich die normale Version, also ohne Pfeile und ohne Bilder die links und rechts angezeigt werden.

Allerdings hat sich der Rahmen um das Bild (Detail) blau gefärbt. Ich kann mir vorstellen das dieser die Standardfarbe des eines Links angenommen hat.

Nachdem ich nun die halbe Nacht gesessen habe und versucht habe das wieder zurückzudrehen möchte ich mich nun doch an die Profis hier wenden.

Das Template, das ich ausgesucht habe ist das 4dark. installiert ist die neue Version 1.7.9.

Den Code habe ich ein paar mal verglichen, ich denke zumindest das ich hierbei nichts falsch gemacht habe.

Wo und vor allem wie müsste ich was eintragen damit der blaue Rahmen wieder weiß wird ?

Ich habe zwar viel und lange darüber gelesen und ausprobiert, aber als totaler Neuling ... na ja... ich habe es jedenfalls nicht auf die Reihen bekommen.  :oops:

Kann mir dabei  jemand helfen ?

Gruß..
Wolfgang





Title: Re: [MOD]On Klick Prev / Next Images - Rahmenfarbe - Detailbild
Post by: Rembrandt on February 26, 2011, 12:38:45 PM
...
Allerdings hat sich der Rahmen um das Bild (Detail) blau gefärbt. ....
ersetze in der jpg.html border="1" mit border="0"

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: digital24 on February 28, 2011, 12:29:58 AM
HI Andy.. :)

Vielen Dank für die schnelle Antwort und den Hinweis wegen des blauen Rahmens. Das hat funktioniert, der blaue Rahmen war weg.
dann habe ich noch ein wenig exprimentiert um den Rahmen dennoch wieder in einer weißen Farbe darzustellen.

Dazu habe ich in der jpg.html folgendes hinzugefügt.
Wer das mal gebrauchen kann:

Code: [Select]
<!-- Template file for JPG Files -->
<img src="{media_src}" border="1" alt="{image_name}"{width_height} usemap="#navi" style="border-width: 1px; border-color: #FFFFFF"/><br>

Ob man das noch anders schreiben könnte, weiß ich auch nicht, aber es geht auf alle Fälle.

Wenn ich wieder in Wien bin.. (jeden Momat mind. ein mal) würde ich Dich gerne mal auf einen Drink einladen, für die viele Arbeit, die Du Dir hier machst und den tollen Service den Du hier ablieferst..

Wäre das ok ?

Grüße... Wolfgang
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on February 28, 2011, 05:40:15 PM
so kannst du es auch schreiben:
Code: [Select]
"border : 1px solid #FFFFFF;"
Title: Re: [MOD]On Klick Prev / Next Images
Post by: viadata on May 01, 2011, 04:45:20 PM
Hallo,

ich weiß das dies nicht der richtige Ort ist. Da der MOD aber ähnlich ist, dachte ich ich stelle die Frage hier.

Ich habe einen MOD eingebaut, welchen ich aus der Zeit der 1.7.7 von der Seite hier habe.
Im Detailfenster wird mein Bild ganz normal mit 800 x 600 px angezeigt. Wenn ich auf das Bild klicke, komme ich jeweils immer einen Schritt zurück.
Geht alle prima.

Diesen MOD suche ich jetzt hier und finde ihn nicht.
Kann mir bitte jemand helfen?

Hertlichen Dank.

Holger
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 01, 2011, 05:17:50 PM
das was du suchst, in der details.html suche:
Code: [Select]
{image}und ersetze es mit:
Code: [Select]
<a href="{prev_image_url}">{image}</a>
Title: Re: [MOD]On Klick Prev / Next Images
Post by: viadata on May 01, 2011, 06:57:55 PM
Hab Dank für die schnelle Antwort.
Auch wenn es das nicht ganz war, hast Du mich aber auf den Weg gebracht. Genau an dieser Stelle habe ich folgendes stehen:

<a href="javascript:history.go(-1);">{image}</a>

Und das war bzw. ist es.

Herzlichen Dank.

Holger
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 01, 2011, 07:05:54 PM
na bitte..  :)
Title: Re: [MOD]On Klick Prev / Next Images
Post by: dosser on July 18, 2011, 11:57:22 PM
Quote

das mit den tooltipps klappt auch noch nicht wirklich.
 

Im Firefox gibts keine Tooltips ;-((

Hab ich da was übersehen, oder nicht gefunden ??
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 19, 2011, 05:11:35 AM
....]
...Hab ich da was übersehen, oder nicht gefunden ??
kann ich dir nicht sagen, hier wurde sie zuletzt eingebaut und funktionieren wunderbar (http://galerie.fotografie-erleben.eu/details.php?image_id=2380).

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on July 19, 2011, 07:46:56 AM
bei uns auch, keine Probleme mit dem FF

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 19, 2011, 07:50:57 AM
bei uns auch, keine Probleme mit dem FF

LG
Danke fürs Feedback, sonst suche ich wieder Fehler wo kein sind.

LG Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: dosser on July 19, 2011, 09:11:22 AM
sehr sehr seltsam - heute gehts  :?

Jedenfalls danke .

glg from vienna
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 19, 2011, 11:09:48 AM
sehr sehr seltsam - heute gehts  :?
..
der mod geht nur an ungerade tagen  :mrgreen:
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on July 19, 2011, 04:31:17 PM
der mod geht nur an ungerade tagen  :mrgreen:

 :twisted:
Title: Re: [MOD]On Klick Prev / Next Images
Post by: clubbu on July 23, 2011, 02:09:25 PM
goodmorning,
i have tryed this mod for 1.7.10 but {image} doesn't exist, possibile?

have you a solution?
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 23, 2011, 02:16:03 PM
....have you a solution?
try this (http://www.personaleyes.com.au/doctors.php)  :mrgreen:


It is definitely in the details.html
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on October 19, 2011, 12:06:23 AM
Super MOD - Danke.

Gibt es eine Möglichkeit eine Endlos-Schleife einzubauen in den Galerien (details.html)?
- das letzte Bild wieder zum ersten
- das erste zum letzen (wenn nach hinten geklickt wird?


Dieses habe ich versucht aber das funktioniert leider nicht.
http://www.4homepages.de/forum/index.php?topic=26956.new#new

Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on October 19, 2011, 05:51:35 AM
Hi!


....Gibt es eine Möglichkeit eine Endlos-Schleife einzubauen in den Galerien (details.html)?
- das letzte Bild wieder zum ersten
....
hier gibt es auch noch etwas, aber nur wenn man vorwärts klickt.
bei mir funktioniert es:
http://www.4homepages.de/forum/index.php?topic=29787.msg158132#msg158132

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on October 19, 2011, 12:49:35 PM
@Rembrandt -> Perfekt - genau so ne MOD habe ich gesucht!  DANKE


Breite der Schaltfläche anpassen?


-> gibt es die Möglichkeit, bei Fixer Bildbreite den MOD so zu konfigurieren das die "Vor&Zurück-Fläche" das ganze Bild abdecken ?

Habe das Angepasst:  - "navi" => ($width -150),
Code: [Select]
"navi" => ($width -150),
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on October 22, 2011, 06:03:28 PM
...-> gibt es die Möglichkeit, bei Fixer Bildbreite den MOD so zu konfigurieren das die "Vor&Zurück-Fläche" das ganze Bild abdecken ?
..
na das ganze Bild geht ja nicht, aber das halbe  :wink:

suche in step 4.)
Code: [Select]
coords="0,0,150,{height}"
ersetze es mit:
Code: [Select]
coords="0,0,{navi},{height}"
suche in step 1.)
Code: [Select]
"navi" => ($width -150),
ersetze es mit:
Code: [Select]
"navi" => ($width/2),
mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 10, 2012, 08:31:28 PM
Baue gerade meine Seite um - alles soweit OK nur das der Pfeil nun 200 Pixel neben der Maus angezeigt wird - wie kann ich das Einstellen, hab schon alles durchprobiert...
Danke
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 10, 2012, 09:39:54 PM
Hi!
Baue gerade meine Seite um - alles soweit OK nur das der Pfeil nun 200 Pixel neben der Maus angezeigt wird - wie kann ich das Einstellen, hab schon alles durchprobiert...
Danke
In step 5.)
Quote
    navi.style.left = (x - 40) + "px";
    navi.style.top   = (y - 15) + "px";
kannst du die XY Koordinaten einstellen.

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 10, 2012, 10:07:01 PM
Perfekt - hab da sehr hohe Werte aber es klappt wunderbar - Danke
    navi.style.left = (x - 340) + "px";
    navi.style.top   = (y - 15) + "px";

UPDATE:

Habe eben gerade das AJAX Star Rating eingebaut und nun wird der Pfeil nicht mehr angezeigt bei der OnPicture Naviagtion. Hast du eine Idee ?Thanks
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 11, 2012, 05:52:03 AM
....
Habe eben gerade das AJAX Star Rating eingebaut ....
welches AJAX Star Rating?
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 11, 2012, 04:37:15 PM
http://www.4homepages.de/forum/index.php?topic=25551.0

Ajax Starrating
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 11, 2012, 05:01:21 PM
hm.. wüßte jetzt nicht warum das nicht funktionieren soll, zip mal deine header und details.html.
und ein link zu deiner Webseite wäre auch nicht schlecht.
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 11, 2012, 05:14:34 PM
magst du mich via skype adden "ajdeluxe"
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 11, 2012, 05:28:37 PM
hab ich nicht...
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 11, 2012, 05:49:56 PM
<script type="text/javascript" src="scripts/yui/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="scripts/yui/2.7.0/build/json/json-min.js"></script>
<script type="text/javascript" src="scripts/yui/2.7.0/build/connection/connection-min.js"></script>


Wenn ich das aus dem Header entferne, dann geht das mit dem OnPic Navi - aber dann natürlich das AjaxRating nicht...

Habe dir eine Nachricht gesendet mit der Domain.
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 11, 2012, 06:12:56 PM
hm.. habs mir angesehn, an was das liegt kann ich dir im moment leider nicht sagen, sry..
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on April 12, 2012, 02:50:33 PM
Schade, das AjaxRating wäre schon sehr sexy - hast du eventuell einen anderen Tipp für mich, eventuell kann ich ein anderes AJAX Rating einbauen bzw. ein anderes Java als das von yahoo... Thanks
Title: Re: [MOD]On Klick Prev / Next Images
Post by: zimba on May 10, 2012, 10:34:38 PM
Der Pfeil entfernt sich von vom Mauszeiger je nach Browserbreite. Hat wer ne Idee wie ich das fixen kann ?

 navi.style.left = (x - 260) + "px";

Danke



------> Erledigt

<div class="tooltip" id="tt1">{lang_prev_image}</div>
<div class="tooltip" id="tt2">{lang_next_image}</div>

im Header unter <body> plaziert

und in der CSS bei .tooltip z-index:1000 vergeben.
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Ersen on June 17, 2012, 11:44:42 PM
i cant see any right or left button in image? How can i add this?

For example
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Thorgrim on May 22, 2013, 02:38:57 PM
Hallo und guten Tag. Hab gestern den MOD eingebaut (Version 1.7.11) und hab da ein recht interessantes Phänomen.

Mit meinem Galaxy S3 und meinem Tablet funzt alles gut. Aber bei meinem Laptop und meinem Rechner auf der Arbeit, da kann ich klicken bis die Maus kaputt geht, die Bilder springen nicht vor und zurück. Zudem flackert die Schrift, wenn ich den Mauszeiger über die Navigationsbereiche ziehe.

Hat da wer eine Idee?

LG
Moritz
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 22, 2013, 04:03:47 PM
Willkommen im Forum!
...und hab da ein recht interessantes Phänomen.
...
Mir ist nichts dergleichen bekannt, und ich habe den mod schon auf einigen Webseiten eingebaut.
kannst du den "Fehler" auch auf dieser Webseite (http://galerie.fotografie-erleben.eu/index.php) sehen?... b.z.w sag mal die Webseite wo man sich das ansehen kann.

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Thorgrim on May 22, 2013, 08:59:03 PM
Hallo Andi.

Vielen Dank und danke für deine Unterstützung.

Auf der verlinkten Seite tritt das nicht auf.

Zu sehen ist das unter http://hghb.noezserv.de
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on May 22, 2013, 09:04:34 PM
hmm, habe es getestet, bei mir klappt es unter dem Link
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Thorgrim on May 22, 2013, 09:41:11 PM
Ich versteh das nicht. Ich hab das jetzt an 3 PC's getestet. Laptop und PC auf der Arbeit mit XP, und mein Rechner Zuhause mit Win7. Bei allen drei geht es nicht. Was mach ich denn falsch?
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 22, 2013, 11:29:54 PM
Nabend,
ich hab mir den Mod auch eingebaut, allerdings mit der Pfeil Version. Das klicken etc. funktioniert allerdings habe ich auch nur ein flackern wenn ich mit der Maus drüber gehe. Es erscheint kein Pfeil und auch kein Tooltipp.
Habe den Code auch extra drei mal geprüft.
Verwende auch die 1.7.11
Jemand ne Idee was das sein kann?
Achja als Browser verwende ich den IE, Chrome und FF und bei keinem funktioniert es.
Am Handy funktioniert der Mod gar nicht mit dem Chrome.

Hoffe auf etwas Hilfe :-)

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 23, 2013, 05:26:24 AM
Willkommen im Forum!
....allerdings habe ich auch nur ein flackern wenn ich mit der Maus drüber gehe....
....
@All, wenn bei euch der Mauszeiger flackert, müßt ihr einen niedrigeren "y" wert angeben.
Versucht es mal mit:
 
Code: [Select]
y - 20
mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 23, 2013, 01:28:47 PM
Danke Andi :-)

<script type="text/javascript">
<!--
navi = null;
 document.onmousemove = updateNAVI;
 function updateNAVI(e) {
  if (navi != null) {
    x = (document.all) ? window.event.x + navi.offsetParent.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + navi.offsetParent.scrollTop  : e.pageY;
    navi.style.left = (x - 40) + "px";
    navi.style.top   = (y - 10) + "px";
  }
}
 
function showNAVI(id) {
  navi = document.getElementById(id);
  navi.style.display = "block"
}
 
function hideNAVI() {
  navi.style.display = "none";
}
//-->
</script>

Die Idee hatte ich auch schon. Ich hab da einen wert von 10 und es ändert sich absolut nichts.
Hatte ein Originalwert von dir mit 15 drin stehen.
Weitere Ideen?


EDIT: So das flackern habe ich nun weg bekommen mit einem y Wert von 30. Allerdings werden nach wie vor keine Tooltips oder Pfeile angezeigt. Habe beide Versionen ausprobiert :-(
Kann eigentlich nur mit der Stelle in den Details zusammen hängen
 {if msg}<b>{msg}<br />
                  <br />
                  </b>{endif msg}
                  <div class="tooltip" id="tt1">{lang_prev_image}</div>
                  <div class="tooltip" id="tt2">{lang_next_image}</div>
                  <div align="center">
<div style="width:{width}px;height:{height}px; border:10px solid white; box-shadow:0px 0px 12px -5px black; margin:10px">{image}<map name="navi">
{if prev_image_name}
  <area shape="rect" coords="0,0,{navi},{height}"   href="{prev_image_url}" onmouseover="showNAVI('tt1')" onmouseout="hideNAVI()" alt="{prev_image_name}">
{endif prev_image_name}
{if next_image_name}
  <area shape="rect"  coords="{navi},0,{width},{height}"  href="{next_image_url}" onmouseover="showNAVI('tt2')" onmouseout="hideNAVI()" alt="{next_image_name}">
   {endif next_image_name}
</map></div>
{if admin_links}<br />
                    {admin_links}<br />
                    {endif admin_links}<br />

Hab ich da irgendwo nen Fehler? Ich seh auf den ersten Blick keinen.

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 23, 2013, 04:19:38 PM
...
Die Idee hatte ich auch schon. Ich hab da einen wert von 10 und es ändert sich absolut nichts.
Hatte ein Originalwert von dir mit 15 drin stehen.
Weitere Ideen?
...
ja, meine vorigen post lesen, stell den wert auf -20 oder noch niedriger ein, der Effekt(Zittern) tritt ein sobald der Mauszeiger die Schrift berührt.
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 23, 2013, 04:42:38 PM


Die Idee hatte ich auch schon. Ich hab da einen wert von 10 und es ändert sich absolut nichts.
Hatte ein Originalwert von dir mit 15 drin stehen.
Weitere Ideen?


EDIT: So das flackern habe ich nun weg bekommen mit einem y Wert von 30. Allerdings werden nach wie vor keine Tooltips oder Pfeile angezeigt. Habe beide Versionen ausprobiert :-(
Kann eigentlich nur mit der Stelle in den Details zusammen hängen


Hallo Andi,
deinen Post habe ich gelesen nur wie ich bereits sagte, das zittern ist nur weg wenn der Wert bei 30 oder höher liegt. Wenn ich diesen tiefer stelle flackert es sofort wieder und es erscheint auch dann weder Pfeil noch Tooltip.
Mit deinem Wert von 20 habe ich es getestet aber auch da ein flackern.

Könnte es vielleicht auch daran liegen das die Bilder keine 800x600 sind? Wobei ich da gelesen habe das dies gefixt sein sollte?

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on May 24, 2013, 05:43:53 AM
.... das zittern ist nur weg wenn der Wert bei 30 oder höher liegt. ....
du meinst wenn der Wert bei  minus 30 oder niedriger liegt, dann stell ihn halt noch niedriger ein z.b. minus 35, das ist doch sch***egal.
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 24, 2013, 02:56:59 PM
Uff.... ja habe ich doch getan aber deswegen kommt dennoch weder ein Tooltip noch ein Image für die Pfeile, egal welche Version ich da einbaue bzw. sind ja nur zwei Zeilen zu ändern.

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on May 24, 2013, 03:04:20 PM
so langsam wäre mal ein Link nötig

Und Du schreibst immer 15 - 30 - 20  etc.
Andy meint aber minus

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 24, 2013, 03:23:37 PM
Das da ein Minus davor steht ist denke ich klar
    navi.style.left = (x - 40) + "px";
    navi.style.top   = (y - 60) + "px";

Ein Link kann ich nicht posten da die Galerie in einer Testumgebung läuft die 1 zu 1 dem Server entspricht worauf sie mal laufen soll.
Wenns also alles läuft kann ichs einfach umziehen aber bis dahin ist es nur via Intranet bzw. vpn zu erreichen in der Firmenumgebung.

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on May 24, 2013, 05:11:38 PM
bei mir steht es so, versuche es mal

Code: [Select]
navi.style.left = (x + 1) + "px";
navi.style.top   = (y - 20) + "px";
Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 24, 2013, 05:20:07 PM
Leider auch nicht, damit zittert die Maus wieder zwischen normalen Pfeil und der Hand hin und her.
Dann werd ich mit den Werten wohl einfach spielen müssen bis es geht oder?
Wobei die Tooltips ja dennoch kommen müssten wenn das Flackern weg ist aber passiert nix  :cry:

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Jan-Lukas on May 24, 2013, 05:22:07 PM
wird dir nichts anderes bleiben, das es klappt steht ja außer Frage.

LG

Edit, habe bei mir mal + 20 eingestellt, auch da klappt es tadellos

Title: Re: [MOD]On Klick Prev / Next Images
Post by: sugersgroer on May 24, 2013, 05:23:36 PM
Okay, danke für deine Hilfe.
ich meld mich wenn ich passende Werte habe.

LG
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Thorgrim on May 25, 2013, 05:54:35 PM
Willkommen im Forum!
....allerdings habe ich auch nur ein flackern wenn ich mit der Maus drüber gehe....
....
@All, wenn bei euch der Mauszeiger flackert, müßt ihr einen niedrigeren "y" wert angeben.
Versucht es mal mit:
 
Code: [Select]
y - 20
mfg Andi

Tut mir leid, wegen der späten Antwort, aber wegen Junggesellenabschied gestern und der ganzen Vorbereitung habe ich es nicht früher geschafft.

Ich hab den neuen Wert gerade mal eingegeben, und siehe da.... Bei mir funzt es jetzt wunderbar.

Andi, vielen Dank.

LG
Moritz

Title: Re: [MOD]On Klick Prev / Next Images
Post by: SCT on July 07, 2013, 05:39:38 PM
Spitzen MOD. Ich habe das zusammen mit dem Highslide MOD (Schritt 1-3) aus http://www.4homepages.de/forum/index.php?topic=26815.0 gemacht. Das ist eine gute Kombination.
Allerdings hatte auch ich beobachtet daß der Tooltipp nicht gleich angezeigt wird, während man den MOD eingebaut. Anscheinend hat Firefox eine Art Chache der nicht immer aktualisiert wird. Fazit: Wenn man Scripte ändert, dann sollte man den Browser nach jeder Änderung ganz schliessen und wieder öffnen damit die Caches leer sind.

Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on July 07, 2013, 05:48:07 PM
Hi!
Das ist ein guter Tipp, denn das ist einer der häufigsten Ursachen wenn es um einen vermeintlichen Fehler zu suchen gilt.

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Fotofan on April 17, 2014, 11:10:30 PM
Ich habe in meiner details.html diesen Code nicht: {endif msg}
Wo füge ich nun den neuen Code - wie unter 3. beschrieben ein?

VG
Herbert
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Rembrandt on April 18, 2014, 05:31:39 AM
Hi!
Ich habe in meiner details.html diesen Code nicht: {endif msg}
Wo füge ich nun den neuen Code - wie unter 3. beschrieben ein?
.
Dann füge es ein, vor:
Code: [Select]
<div align="center">
  {Image}

mfg Andi
Title: Re: [MOD]On Klick Prev / Next Images
Post by: Fotofan on April 18, 2014, 04:16:19 PM
@Rembrandt: Danke für Deine Hilfe

VG
Herbert