Author Topic: IMG mit DIV Überlagern in jpg.html  (Read 9741 times)

0 Members and 1 Guest are viewing this topic.

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
IMG mit DIV Überlagern in jpg.html
« on: November 29, 2010, 03:58:20 AM »
Hallo,

ich will den PIN MOD von KurtW in meiner Friedhofsgalerie als Kerzenanzünder nutzen.
http://www.grosspeterwitz.org/friedhof/4images/details.php?image_id=386&l=deutsch

in der details.html wird der container für die pins erstellt

 <div id="click_container" style="position:absolute; width:{width}px; height:{height}px; cursor:crosshair;" onClick="displayOffsets(event);">

details.html  ORGINALL CODE
{ifnot pin_image_show}
                   </
div>
                   {
endifnot pin_image_show}
                   {if 
pin_image_show}
                   {if 
pin_image_show_access}
                   <
div id="click_container" style="position:absolute; width:{width}px; height:{height}px; cursor:crosshair;" onClick="displayOffsets(event);">
                   {endif 
pin_image_show_access}
                   {
ifnot pin_image_show_access}
                   <
div id="click_container" style="position:absolute; width:{width}px; height:{height}px;">
                   {
endifnot pin_image_show_access}
                   {
pin_image}
                   </
div></div>
                   {if 
pin_image_show_access}


in der media/jpg.html

ORGINAL CODE
<!-- Template file for JPG Files -->
<!-- 
Start ModPin images -->
<
div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;">
<!-- 
END ModPin images -->


Das problem ist, das dann die bilder in orginalgrösse in details fenster aufgehen.

habe mir dann überlegt das ich den container überlagere und die Bild grösse in jpg.html begrenze.

in details.html

<div id="click_container" style="position:absolute; width:500px; height:720px; cursor:crosshair;" onClick="displayOffsets(event);">

und jpg.html

<img style="float: left; z-index: 1;max-width: 500px; width: expression(this.width > 500 ? 500: true);" src="{media_src}" border="0" alt="{image_name}"/>
        <div id="container" style="float: left; z-index: 2; position:static; "></div>

mit der Breiten einstellung hat es auch hingehauen, nur die höhe des div container height:720px kann ich nicht an das bild anpasssen,
und dann bei kleineren bilder >720 das PIN KREUZ in den Kommentarbereich hineingeht.


HINWEISS: mit background: url({media_src}) kann ich nicht in jpeg.html arbeiten, da dann die bilder, die im data/ gespeichert sind, mit dateinamen test 1.jpg (also mit leerzeichen) nicht in details fenster aufgehen.

Hat jemand eine IDEE wie mann das lösen kann?


« Last Edit: November 29, 2010, 04:10:42 AM by kubiczek »

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #1 on: December 08, 2010, 06:21:09 AM »
habe mich vorgearbeitet

im FF CHROME ind safari geht es.  nur im IE will es nicht klappen. Da verschiebt sich der div Layer rechts neben das bild.
http://www.grosspeterwitz.org/friedhof/4images/details.php?image_id=2981&l=deutsch

in der jpg.html steht jetzt folgendes
<img style="float: left; z-index: 1;width:{width}px; height:{height}px;" src="{media_src}" border="0" alt="{image_name}">
        <
div id="container" style="float: left; z-index: 2; position:absolute;"></div>



wie bekomme ich es hin das die position:absolute; sich an dem img orientiert in der ausrichtung?

gruß

Rembrandt

  • Guest
Re: IMG mit DIV Überlagern in jpg.html
« Reply #2 on: December 08, 2010, 07:02:13 AM »
.....
HINWEISS: mit background: url({media_src}) kann ich nicht in jpeg.html arbeiten, da dann die bilder, die im data/ gespeichert sind, mit dateinamen test 1.jpg (also mit leerzeichen) nicht in details fenster aufgehen.
...
und mit dateiname ohne leerzeichen drinnen würde es funktionieren?

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #3 on: December 08, 2010, 10:45:35 AM »
Ja solange der Dateiname ohne Leerzeichen ist,geht es einwandfrei. Habe schon überlegt alle zu ändern,aber es sind 900 Bilder.

Rembrandt

  • Guest
Re: IMG mit DIV Überlagern in jpg.html
« Reply #4 on: December 08, 2010, 12:57:25 PM »
Ja solange der Dateiname ohne Leerzeichen ist,geht es einwandfrei. Habe schon überlegt alle zu ändern,aber es sind 900 Bilder.
das zu ändern wäre kein problem, zwei klicks in der DB, aber was mich wundert ist das es etwas mit den leerzeichen in den dateinamen zu tun hat.  :?

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #5 on: December 08, 2010, 05:02:21 PM »
ich habe das problem schon mal gehabt (immernoch) http://www.4homepages.de/forum/index.php?topic=22901.0

mitlerweile habe ich herausgefunden das der PIN Mod das verursacht.

jpg.html
<!-- Template file for JPG Files -->
<!-- 
Start ModPin images -->
<
div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;">
<!-- 
END ModPin images -->


keine Bild anzeige im Firefox bei Leerzeichen im Dateinamen

dann habe ich mir überlegt das ich es überlagere IMG mit DIV

<img style="float: left; z-index: 1;width:{width}px; height:{height}px;" src="{media_src}" border="0" alt="{image_name}">
        <
div id="container" style="float: left; z-index: 2; position:absolute;"></div>

dann geht es aber nicht im IE

aber am einfachsten währe wohl das ich die Dateinamen ändere,   aus test 1.jpg  test_1.jpg.
mit dem folgendem MOD von Vaneo kann man aber nur die Bild Datainamen ändern, nicht die dateinamen im data ordner auf dem Server.

@ Rembrandt Was meinst Du mit zwei Klicks in der Datenbank????

gruß






Rembrandt

  • Guest
Re: IMG mit DIV Überlagern in jpg.html
« Reply #6 on: December 08, 2010, 05:17:14 PM »
in phpadmin z.b. für das feld "image_media_file":
Code: [Select]
UPDATE 4images_images SET image_media_file = replace( image_media_file, ' ', '_' )
where image_id = 1;
das würde bei image_id =1 im feld "image_media_file" die leerzeichen mit einen unterstrich ersetzen.
aber dein problem dürfe dann sein das die files am FTP auch umbenannt werden müßten.

ich würde an deiner stelle den fehler suchen, warum es mit den leerzeichen im image namen nicht funktioniert.

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #7 on: December 08, 2010, 09:32:16 PM »
Du hast recht das muss serverseitig geändert werden

das update hat folgendes ergebniss geliefert

0 Zeile(n) betroffen. ( die Abfrage dauerte 0.0007 sek. ).
 :x :x :x :x :x :x :x :x :x :x :x :x :x :x :( :( :( :( :( :( :( :( :(
aber das leben geht weiter, werde mal den pin mod in 1.7.9 einbauen, mal sehen was dann passiert. :lol: :lol: :lol: :lol:

« Last Edit: December 09, 2010, 09:26:50 PM by kubiczek »

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #8 on: December 09, 2010, 10:10:08 PM »
So .....

ich habe jetzt den PIN MOD in eine frische 1.7.9 eingebaut geht wunderbar.
http://www.grosspeterwitz.org/4images/

es werden auch dateien mit Leerzeichen bei FTP upload richtig umgewandelt "_" unterstrich kommt als ersatz für das Leerzeichen.

Mein problem ist jetzt wie bekomme ich jezt die 900 Bilder mit Leerzeichen richtig eingebunden in die Datenbank.

den die jpg.html
<!-- Template file for JPG Files -->
<!-- 
Start ModPin images -->
<
div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;">
<!-- 
END ModPin images -->



speziel der verweiss background: url({media_src}) kann nicht mit leerzeichen umgehn.

auch wenn ich alles auf 1.7.9 umstellen würde, die dataien auf dem server bleiben mit Leezeichen.


oder

gibt es eine möglichkeit alle dateien mit Leezeichen im data/media ordner umzubenenen und gleichzeitig auch in der datenbank die entsprechende änderung vorzunehmen?




Nachtrag.


Habe soeben mit dem TOTAL COMANDER

1 (Menu: Befehle -> Zweigansicht).  einschalten

2 Mehrfach Datei umbenenung

alle 900 Dateien umbennant.

was muss ich jetzt machen damit auch die Datenbank geändert wird.

da muss doch ein MSQL Tabelen  update gemacht werden.

« Last Edit: December 09, 2010, 11:02:02 PM by kubiczek »

Rembrandt

  • Guest
Re: IMG mit DIV Überlagern in jpg.html
« Reply #9 on: December 10, 2010, 05:15:31 AM »
...was muss ich jetzt machen damit auch die Datenbank geändert wird.
da muss doch ein MSQL Tabelen  update gemacht werden.
ich habe dir doch die lösung schon gepostet:
für das feld image media_file:
Code: [Select]
UPDATE 4images_images SET image_media_file = replace( image_media_file, ' ', '_' )
für das feld image_thumb_file:
Code: [Select]
UPDATE 4images_images SET image_thumb_file = replace( image_thumb_file, ' ', '_' )

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #10 on: December 10, 2010, 09:40:45 PM »
Hallo,

Vielen dank für die hilfe es hat geklappt im 2 anlauf.

mit

UPDATE 4images_images SET image_media_file 
replaceimage_media_file' ''_' )

where image_id = 1;    rot weglassen

bin jetzt wieder glücklich :D.

ohne dein eingreifen währe ich noch wochen damit beschäftigt.


gruß

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: IMG mit DIV Überlagern in jpg.html
« Reply #11 on: December 14, 2010, 11:07:58 PM »
Hallo,

ich habe wieder ein Spezielles problem
mir ist aufgefallen, das wenn ich ein PIN setze in der browserzeile die koordinaten angezeigt werden.

grosspeterwitz.org/friedhof/4images/pin_images.php?pin=1&amp;l=deutsch&z=528&x=164&y=245


aber wenn ich mich anmelde, verschwinden sie wieder, und ich muss das PIN POPUP schliessen, und noch einmal zum PINNEN anklicken.

grosspeterwitz.org/friedhof/4images/pin_images.php?l=deutsch

sehe beispiel http://www.grosspeterwitz.org/friedhof/4images/details.php?image_id=528&l=deutsch

wie kann ich es anstellen, das die adresse wieder übergeben wird nach der anmeldung? 8O

das problem habe ich auch in den Details seiten, sobald ich mich anmelde springt alles auf die Hauptseite :evil:.