mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 05:04 Benutzername: Passwort: Auto-Login

Thema: Bildergalerieproblem vom 10.12.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bildergalerieproblem
Seite: Zurück  1, 2
Autor Nachricht
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 12.12.2007 17:16
Titel

Antworten mit Zitat Zum Seitenanfang
da musst du dein js erweitern (in der hoffnung, dass das auch so klappt - weil wegen nicht getestet *zwinker* )


kleine erweiterung im link:
Code:

<p>
<a href="img/placeholder.gif" id="placeholderlink" rel="lightbox"><img src="img/placeholder.gif" alt="Please select an image:" id="placeholder" /></a></p>



js
Code:

if (!document.getElementById("placeholder")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src",source);

  // und neu dazu kommt
if (!document.getElementById("placeholderlink")) return true;
  //var source = whichpic.getAttribute("href"); evtl ueberfluessig da oben definiert
  var placeholderlink = document.getElementById("placeholderlink");
  placeholder.setAttribute("src",source);

  // dann weiter wie gehabt...




wie gesagt, nicht getestet... hoffe es klappt...

Zuletzt bearbeitet von pixelpapst303 am Mi 12.12.2007 17:18, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
FSchoeppe
Threadersteller

Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 12.12.2007 17:34
Titel

Antworten mit Zitat Zum Seitenanfang
Also ich hab mal getan wies du gesagt hast. Nur leider funktionierts jetzt nicht mehr? Vielleicht hab ich auch was falsch verstanden.

Html-doc:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<script type="text/javascript" src="js/showpic.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<style type="text/css">
@import 'css/style.css';
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<title>navi</title>




</head>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (navi.psd) -->
<table id="Tabelle_01" width="482" height="364" border="0" cellpadding="0" cellspacing="0">
<tr>
      <td>
         <img src="../bilder/navi_01.gif" width="172" height="364" alt=""></td>
    <td width="310"><div id="container">
      <div align="center">
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p><a href="img/large/bast_image02.jpg)" rel="lightbox"><img src="img/placeholder.gif)" alt="Please select an image:" id="placeholder" /></a></p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;     </p>
      </div>
  <div id="showcase">
         
            
               
                   
                   
                    <a href="img/large/bast_image01.jpg" title="Historic Church"> <img src="img/small/image01.jpg" /></a>
                    <a href="img/large/bast_image02.jpg" title="Historic Church"> <img src="img/small/image02.jpg"  /></a>
                    <img src="img/small/image03.jpg" />
                    <img src="img/small/image04.jpg" />
                    <img src="img/small/image05.jpg" />
                    <a href="img/large/bast_image06.jpg" title="Historic Church"> <img src="img/small/image06.jpg" /></a>
                    <img src="img/small/image07.jpg" /> 
                    <a href="img/large/image08.jpg" title="More Trees"> <img src="img/small/image08.jpg" alt="More Trees" /></a>
               
               
       </div>
   </div></td>
</tr>
</table>









</body>
</html>


js:
Code:

function showPic(whichpic) {
  if (!document.getElementById("placeholderlink")) return true;
  var source = whichpic.getAttribute("href");
  var placeholderlink = document.getElementById("placeholderlink");
  placeholder.setAttribute("src",source);
  if (!document.getElementById("description")) return false;
  if (whichpic.getAttribute("title")) {
    var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }
  var description = document.getElementById("description");
  if (description.firstChild.nodeType == 3) {
    description.firstChild.nodeValue = text;
  }
  return false;
}

function prepareGallery() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("showcase")) return false;
  var gallery = document.getElementById("showcase");
  var links = gallery.getElementsByTagName("a");
  for ( var i=0; i < links.length; i++) {
    links[i].onclick = function() {
      return showPic(this);
   }
    links[i].onkeypress = links[i].onclick;
  }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(prepareGallery);


Das problem ist jetzt ist das Placeholderbild weg und die Lightbox erscheint nicht mehr! Es wird nur noch dunkel.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 14.12.2007 15:00
Titel

Antworten mit Zitat Zum Seitenanfang
na, da haste nu einiges verwurschtelt *zwinker* schau ich mir mal an, wenn ich ein wenig mehr zeit... und lust habe.
aber gib bitte bescheid, falls du es alleine gelöst bekommen hast - mag mir die mühe nicht umsonst machen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
FSchoeppe
Threadersteller

Dabei seit: 23.03.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 18.12.2007 18:24
Titel

Antworten mit Zitat Zum Seitenanfang
Wenn du mir helfen könntest wär echt net weil ich steh irgendwie vor ner großen mauer und hab keine leiter!
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB