Du bist nicht angemeldet. [Anmelden]
Übersicht der Foren        Kalender     Hilfe   Forumsknigge
Knuddels.de-Forum » Das Forum » Archive » Computer, Multimedia & Technik »

Probleme mit meiner 'privaten' Homepage
Optionen
Thema bewerten
Probleme mit meiner 'privaten' Homepage - #2240599 - 21.05.2011, 01:51:26
Ruffy Shanks
Damon​.​

Registriert: 10.01.2007
Beiträge: 1.949
Ort: zu Hause
Guten Abend,

ich habe folgendes Problem, mit meiner Homepage auf Lima-City.de, nämlich:

Ich will in die Homepage die sog. Lightbox (ein Javascript) einbauen, aber es scheint nicht zu funktionieren. Vorerst habe ich nur 2 Bilder auf den Server hochgeladen. Ich habe alles nach Anleitung gemacht, wie es die Seite der Lightbox besagt.

Den folgenden Code in den Headerbereich:

Code:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


Den folgenden Code in die CSS bzw. damit die CSS erweitern:
Code:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>


Und zum aktivieren der Bilder folgenden Code im Body-Bereich benutzen:
Code:
<a href="../BILDNAME" rel="lightbox" title="TITEL !">NAME</a><br>

Nun habe ich 2 folgende Probleme:

1. Bei der Lightbox auf meiner Seite werden keine kleinen Miniaturbilder angezeigt, wie es eigentlich sein sollte, oder?!
2. Die Lightbox funktioniert nicht bzw. 2.1 Die Lightbox funktioniert nur teilweise, sprich: Es wird ein Link angezeigt, und wenn man auf diesen Link klickt erscheint das Bild, aber nicht in einem Fenster der Lightbox, sondern unten links in der Ecke.

Meine .html-Datei sieht so aus:

Code:
<html>
<head><center><img src="so perfekt nicht.jpg"></center>
<title>NOCH BAUSTELLE!</title>
<style type='text/css'>
body{
background-color: #6c71ba;
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>




<div align="center"> 
<body onLoad="MM_preloadImages('../Desktop/Bilder/Nummer-ZWEI_01.png','../Desktop/Bilder/Nummer-ZWEI_02.png','Nummer-ZWEI_03.png','../Desktop/Bilder/Nummer-ZWEI_04.png','../Desktop/Bilder/Nummer-ZWEI_05.png')"><table width="200" border="0" cellpadding="0" cellspacing="0"> 
  <tr>
    <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Nummer-ZWEI_01.png',1)"><img src="Nummer-EINSpng_01.png" name="Image1" width="285" height="100" border="0"></a></td>
    <td><a href="Marcel.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Nummer-ZWEI_02.png',1)"><img src="Nummer-EINSpng_02.png" name="Image2" width="195" height="100" border="0"></a></td>
    <td><a href="Dennis.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Nummer-ZWEI_03.png',1)"><img src="Nummer-EINSpng_03.png" name="Image3" width="201" height="100" border="0"></a></td>
    <td><a href="Sonstiges.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Nummer-ZWEI_04.png',1)"><img src="Nummer-EINSpng_04.png" name="Image4" width="206" height="100" border="0"></a></td>
    <td><a href="News.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Nummer-ZWEI_05.png',1)"><img src="Nummer-EINSpng_05.png" name="Image5" width="113" height="100" border="0"></a></td>
  </tr>
</table>


</head>



</div>

<center>Seite von Marcel..

Bildergalerie:
<center>
<a href="5571260573_e4bcac3bce.jpg" rel="lightbox" title="Die Superhelden-Ära!">Das Superhelden-Bild</a><br>
<a href="Superheld.png" rel="lightbox" title="Ja zweites Bild halt" >Jops</a>
</center>
</body>
</html>
]



WO ist der Fehler? u.u
Kann mir jemand bitte weiterhelfen? Ich arbeite mit Adobe Dreamweaver aber der zeigt mir auch keinerlei Syntax oder sonstige Fehler an. :x

Falls wer sich die Homepage zum diagnostizieren ansehen will:
http://photopizza.de.vu


Hoffe, mir kann hier einer Helfen.
Liebe Grüße,


#Ruff'


Ps: Homepage ist für ein privaten-Zweck gedacht. :)
Also nicht wundern. :)
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: Ruffy Shanks] - #2240603 - 21.05.2011, 02:12:21
NoodlesHB
Schru​mpfhi​rn​

Registriert: 18.06.2005
Beiträge: 3.081
Also bei Dir scheint einiges durcheinander zu gehen. Im Body befinden sich Verweise zu Bildern auf deinem Desktop. Das überhaupt welche kommen, liegt am folgenden Code der Seite.

Dann ist von dem Code der zur Lightbox gehört, nichts auf der Onlineversion angekommen. Von daher kann da nichts funktionieren.

Zu guter letzt bist hier im falschen Subforum, weil das hier sich auf die Knuddels-HP's bezieht. Das hier gehört ehr zu Computer in diesem Forum.


Bearbeitet von NoodlesHB (21.05.2011, 02:13:07)
_________________________
... Außerdem ist es so, dass wir, wie auch jedes andere Unternehmen, das Ziel haben, Gewinne mit unserer Arbeit zu erzielen. Euer Holgi << nun verstanden? :-)
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: NoodlesHB] - #2240604 - 21.05.2011, 02:19:44
Ruffy Shanks
Damon​.​

Registriert: 10.01.2007
Beiträge: 1.949
Ort: zu Hause
Zitat:
Im Body befinden sich Verweise zu Bildern auf deinem Desktop.


Ouh. Seh ich auch grad, aber stört nicht weiter. Bilder sind ja auf dem Server drauf und die Bilder die angezeigt werden sollen werden ja angezeigt. Denke mal ist noch aus meiner 'älteren' Version. :o



Ruff'
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: Ruffy Shanks] - #2240868 - 21.05.2011, 15:44:23
sarcasm

Registriert: 15.09.2010
Beiträge: 1.673
Die Lösung ist an dieser Stelle sehr simpel. Wichtig ist der grüne Teil:
Html:
<style type='text/css'>
body{
background-color: #6c71ba;
}
<!-- <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/> -->
</style>

Das darf nicht zwischen innerhalb des style-Tags stehen, die richtige Version sieht also so aus:
Html:
<!-- [...] -->
<style type="text/css">
body{
background-color: #6c71ba;
}
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<!-- [...] -->

Das ist getestet und funktioniert. Bezüglich der Thumbnails kann ich dir gerade nicht weiterhelfen, da ich das selber (noch) nicht verwendet habe, aber für die grundsätzliche Funktionalität ist das ja auch nicht wichtig.


Gruß
_________________________
And without you is how I disappear.
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: sarcasm] - #2241145 - 22.05.2011, 03:22:46
Ruffy Shanks
Damon​.​

Registriert: 10.01.2007
Beiträge: 1.949
Ort: zu Hause


Du bist mein Held, danke! Zumindest funktioniert jetzt die Lightbox. Dickes Danke schon Mal!
Noch 'ne Frage:

Wieso werden bei mir keine Miniaturbilder angezeigt, also so kleine Vorschaubilder, sondern nur Links? :x
Und kann man die Lightbox so einstellen, dass das Bild sich nicht in VOLLER größer öffnet, sondern nur bis die Homepage ausgefüllt ist bzw. der Monitor? Sonst würde ich ja mit 'Width' und 'height' arbeiten, aber da jeder Monitor eine andere Auflösung hat wäre das Ganze ziemlich komplex :x



#Ruff!
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: Ruffy Shanks] - #2241202 - 22.05.2011, 10:40:39
sarcasm

Registriert: 15.09.2010
Beiträge: 1.673
Schön, dass ich dir helfen konnte. :-)

Zu deinen anderen Fragen:
Es werden keine Vorschaubilder angezeigt, weil du das nicht in deinem Code stehen hast. Und selbstverständlich kannst du, wenn du die größe der Bilder ändern willst, mit den width- und height-Attributen arbeiten - dann musst du allerdings relative Werte verwenden und keine absoluten Zahlen, also zum Beispiel "10%" anstatt "100px". Sähe dann im Code so aus (für die Thumbnails):
Html:
Bildergalerie:
<center>
<a href="5571260573_e4bcac3bce.jpg" rel="lightbox" title="Die Superhelden-Ära!"><img src="5571260573_e4bcac3bce.jpg" width="10%" height="10%" alt="Das Superhelden-Bild" /></a><br>
<a href="Superheld.png" rel="lightbox" title="Ja zweites Bild halt" ><img src="Superheld.png" width="10%" height="10%" alt="Jops" /></a>
<p>(Klick auf die Bilder, um sie zu vergrößern)</p>
</center>
</body>
</html>



Gruß
_________________________
And without you is how I disappear.
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: sarcasm] - #2241235 - 22.05.2011, 12:01:55
Ruffy Shanks
Damon​.​

Registriert: 10.01.2007
Beiträge: 1.949
Ort: zu Hause


Ah, danke. :)
..gibt es auch eine Möglichkeit, die Bilder proportional zu lassen? Also bei der Vorschau?! :D


Ruff'

[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: Ruffy Shanks] - #2241240 - 22.05.2011, 12:24:38
sarcasm

Registriert: 15.09.2010
Beiträge: 1.673
Klar. Das erste Bild misst bpsw. 343x500 Pixel, was ein Verhältnis von 1:1,46 ist (500/343). Dieses Verhältnis musst du natürlich auch bei deinen Thumbnails beibehalten. Wenn du dich nun für die 10% in der Breite entscheidest, sind das 14,6% in der Höhe (10*1,46). Ist bei diesem Bild allerdings ein bisschen wenig, würde dir da eher zu 25% und 37% raten (25*1.46 ~ 36,5). Kannst du natürlich auch noch selber ausprobieren, was da am besten aussieht. :-)
Html:
<a href="5571260573_e4bcac3bce.jpg" rel="lightbox" title="Die Superhelden-Ära!"><img src="5571260573_e4bcac3bce.jpg" width="25%" height="37%" alt="Das Superhelden-Bild" /></a>



Gruß
_________________________
And without you is how I disappear.
[zum Seitenanfang]  
Re: Probleme mit meiner 'privaten' Homepage [Re: sarcasm] - #2241241 - 22.05.2011, 12:30:37
Ruffy Shanks
Damon​.​

Registriert: 10.01.2007
Beiträge: 1.949
Ort: zu Hause


Ah, alles klar! Danke! :)
Warst wirklich eine sehr große Hilfe für mich. :-)




#Ruff'
[zum Seitenanfang]  


Markiere alles als gelesen
Forums-Kontakt · Knuddels - Deutscher Chat / Chatroom · [zum Seitenanfang]