• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

PicRemote - Auflösung variabel & Bilddateinamen ändern

moneymeyer

New member
Ich möchte das PicRemote Script in eine Homepage einbauen. Allerdings habe ich 2 Probleme, welche ich nicht lösen kann, da ich nicht wirklich viel ahnugn habe.

Das erste und wichtigste Problem ist, das die Bilddateien immer den Dateinamen "1", "2", ... haben müssen. Es darf kein Buchstabe drinn vorkommen udn die bilder dürfden auch nicht mit "0" beginnen.
Dies ist für mich sehr unpraktisch, da ich sehr viele Bilder Unterbringen muss. Wie stell man es an, das man auch andere Dateinamen für die Bilder verwenden kann?

Das nächtse Problem (welches HIER auch schon geklärt worden ist) ist, dass die großen bilder von unterschiedlicher größe (auflösung) sind und sich diese anpassen müssen.
Leider konnte ich mit der hilfe aus dem gelinkten beitag nichts anfangen.


Ich würde mich sehr freuen, wenn ein fertiges Beispilscript gepostet werden könnte, indem man a) "normale" Bilddateinamen verwenden kann und b) sich das Große Bild automatisch anpasst, so das es nciht verzogen ist.
 
Probiers mal so:
Code:
<html><body>
<script language="JavaScript" type="text/javascript">
function change(tausch_bild_name,neues_bild_name)
{
window.document.gr.src = neues_bild_name;
}
</script>
<table border="0" cellspacing="20" cellpadding="0">
  <tr> 
    <td colspan="2" rowspan="2"> 
      <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF" width="100%" height="100%">
        <tr> 
          <td> 
            <table border="0" cellspacing="0" cellpadding="1"  background="[i]waitpic.gif[/i]">
              <tr> 
                <td><img name="gr" src="1.gif" border=0 align=center></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> 
      <table border="0" cellspacing="0" cellpadding="1">
        <tr> 
          <td> 
            <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#FFFFFF">
              <tr> 
                <td><a href="#" onMouseOver="change('gr','[/i]grosse_version5.gif[/i]')"><img src="[i]kleine_version5.gif[/i]" width="100" height="100" border=0></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> </td>
  </tr>
  <tr> 
    <td> 
      <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000">
              <tr> 
                <td><a href="#" onMouseOver="change('gr','[i]4x.gif[/i]')"><img src="[i]4k.gif[/i]" border=0></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> </td>
  </tr>
  <tr> 
    <td> 
      <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000">
              <tr> 
                <td><a href="#" onMouseOver="change('gr','[i]1b.gif[/i]')"><img src="[i]1k.gif[/i]" border=0></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> 
      <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000">
              <tr> 
                <td><a href="#" onMouseOver="change('gr','[i]2beitrag.gif[/i]')"><img src="[i]2k.gif[/i]" border=0></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> 
      <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000">
              <tr> 
                <td><a href="#" onMouseOver="change('gr','[i]apache.gif[/i]');"><img src="[i]3k.gif[/i]" border=0></a></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td> </td>
  </tr>
</table></body></html>

Alle kursiv gedruckten Einträge müssen angepasst werden. Endung nicht vergessen.
Bei Bildern unterschiedlicher Auflösung können Verschiebungen auftreten wenn diese Bilder größer sind, als der große weiße Bereich.

Unter umständen kann es vorkommen, dass der Parser das Wort Javascript in Java script zereist. Dies verursacht dann einen Fehler im Script
 
Funktioniert einwandfrei. Tausend Dank nocheinmal. Bei Fertigstellung und Interesse Post ich auch die Site wofür ich 's gebraucht hab.

DANKE !!!
 
nur wenn du es richtig gesehen hast, waren es in 2 verschiedenn foren, also einmal unter Allgemein und einmal Javascript, und da finde ich nichts falsches dran
 
Zurück
Oben