Javascript

Gehe zu Seite:

Geschlossen

Fr. 12.10.2007 18:41 Uhr #1

Tipsi Mitglied

Registriert seit
18.03.2007

Beiträge
27

Beitragswertungen

Verzeiht diese womöglich unwürdige Frage.

Ich möchte diesen Javascipt Code verwenden.

Link zum Code

Kann man das über eine eigene PHP Seite einbauen oder nicht ? Bis jetzt habe ich es halt nicht geschafft. Oder muss der Code in einem neuen Fenster ausgeführt werden, da der code nicht kompatibel ist... ?

Ich danke Euch.

lg
Tipsi

verwendete ilchClan Version: 1.1
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 12.10.2007 18:46 Uhr #2

Anarchy 90210 Mitglied

Registriert seit
15.05.2007

Beiträge
578

Beitragswertungen

du kannst es aber in das jeweilige Template einbauen!
nur eine frage... wo willst du es einbaun? in der Gallery?
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 12.10.2007 18:56 Uhr #3

Tipsi Mitglied

Registriert seit
18.03.2007

Beiträge
27

Beitragswertungen

Ich will mit dem Code eigentlich eine eigene Seite gestalten, die über einen Link in der Box aufgerufen wird.

das sollten dort die Bilder zu sehen sein...die automatisch größer werden, wenn man sich mit dem cursor über dem Bild befindet.
0 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 12.10.2007 19:21 Uhr #4

Nachtwolf Hall Of Fame

Du kanst in den Boxen auch HTML ect verwenden.
Man kann auch wen man php verwendet den Javascript vor dem <?php setzten also so z.b

<script type="text/javascript">
// Bilder anzeigen mit "Zoom"-Funktion
 
var zaehler = 50;
function aufmachen(breite,ID) {
 if (zaehler < breite) {
  document.getElementById(ID).style.display="inline";
  document.getElementById(ID).style.width=zaehler+"px";
  zaehler++;
  window.setTimeout("aufmachen("+breite+",'"+ID+"')",0);
 }
 else {
  document.getElementById("beschreibung-"+ID).style.display="block";
 }
}
 
function zumachen(ID) {
 document.getElementById(ID).style.display="none";
 document.getElementById("beschreibung-"+ID).style.display="none";
 zaehler = 50;
}
</script>
<style type="text/css">
.bereich {
 position: absolute;
 text-align: center;
 font-weight: bold;
}
 
.beschreibung {
 color: #FFFFFF;
 background-color: #000000;
 display: none;
}
</style>
 
<?php
defined ('main') or die ('no direct access'); 
 
/*phpcode*/
 
?>

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 12.10.2007 20:36 Uhr #5

Tipsi Mitglied

Registriert seit
18.03.2007

Beiträge
27

Beitragswertungen

@Nachtwolf: So wie von dir vorgeschlagen habe ich das nicht hinbekommen.

Ich habe das Script in eine Html kopiert. Die Datei in templates abgespeichert. Und über einen Link in der Menübox ist die Seite in einem neuen fenster aufrufbar. Das funzt.

Das Script auf der Hauptseite aufzurufen, ohne das ein eigenes Fenster aufgerufen wird, nicht...naja...

Zuletzt modifiziert von Tipsi am 12.10.2007 - 20:39:16
0 Mitglieder finden den Beitrag gut.
- zitieren

So. 14.10.2007 11:22 Uhr #6

Tipsi Mitglied

Um das Ganze zu einem Abschluss zu bringen...ich habe es geschafft^^

Undzwar ohne extra Fenster und so...dank Eurer Hilfe.

Hier des Rätsels Lösung:

<?php
defined ('main') or die ( 'no direct access' );
 
$title = $allgAr['title'].' :: Name';
$hmenu = 'Name der Seite';
$design = new design ( $title , $hmenu );
$design->header();
?> 
 
<script type="text/javascript">
// Bilder anzeigen mit "Zoom"-Funktion
 
var zaehler = 50;
function aufmachen(breite,ID) {
 if (zaehler < breite) {
  document.getElementById(ID).style.display="inline";
  document.getElementById(ID).style.width=zaehler+"px";
  zaehler++; 
  window.setTimeout("aufmachen("+breite+",'"+ID+"')",0);
 }
 else {
  document.getElementById("beschreibung-"+ID).style.display="block";
 }
}
 
function zumachen(ID) {
 document.getElementById(ID).style.display="none";
 document.getElementById("beschreibung-"+ID).style.display="none";
 zaehler = 50;
}
</script>
 
<style type="text/css">
.bereich {
 position: absolute;
 text-align: center;
 font-weight: bold;
}
 
.beschreibung {
 color: #FFFFFF;
 background-color: #000000;
 display: none;
}
</style>
 
<!-- Erstes Bild -->
<span class="bereich">
 <img src="gross1.jpg" style="display: none;" id="bild_1" border="1"
 onMouseOut="zumachen('bild_1');"><br>
 <span id="beschreibung-bild_1" class="beschreibung">
  Beschreibung 1
 </span>
</span>
<img src="klein1.jpg" border="1"
 onClick="aufmachen(250,'bild_1');" style="cursor: pointer;">
  
 
 <?php
defined ('main') or die ( 'no direct access' );
$design->footer();
?>

Die Pfade der Bilde müssen eben entsprechend angepasst werden.

Zuletzt modifiziert von Tipsi am 14.10.2007 - 11:24:19

0 Mitglieder finden den Beitrag gut.

zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Javascript