zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bildergalerie mit Textwechsel

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.06.2008, 11:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2005
Beiträge: 28
denyo256 befindet sich auf einem aufstrebenden Ast
Standard Bildergalerie mit Textwechsel

Hallo zusammen,

ich habe mir ein schönes Skript für ne Bildergalerie gebastelt, funktioniert auch wunderbar, nur jetzt kommen noch Beschreibungen zu den Bildern dazu. Diese habe ich wie folgt mit in die Galerie gebaut:

Code:
<li class="picr0"><img src="images/gallery/r0.jpg" alt="" /><span>Holzdekor, Glasdekor</span></li>
Erscheinen tut der Text hier:

Code:
<div><p id="beschreibung">y</p></div>
Das Wechseln des Textes funktioniert auch wunderbar, solange ein Text drinsteht. Wenn das <span> leer ist, bleibt der letzte Text drin stehen.

Folgendes JS habe ich verwendet:

PHP-Code:
    if (thumbref.childNodes[1].nodeName == "SPAN") {
        var 
txt thumbref.childNodes[1].firstChild.nodeValue;
    } else {
        var 
txt "";
    }
    
document.getElementById("beschreibung").firstChild.data txt
Das thumbref bezieht sich auf das aktuelle li-Element.

Ich hoffe, ihr könnt mir weiterhelfen.
Denyo
__________________
I only speak two languages - english and bad english
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.06.2008, 11:49
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Es wäre gut einen lauffähigen Code und/oder noch besser eine URL zu dem Problem zu haben, siehe:
Für Fragende, für Antwortende
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.06.2008, 12:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2005
Beiträge: 28
denyo256 befindet sich auf einem aufstrebenden Ast
Standard

Türsystem 24 - Galerie

http://demo.dermedienwuerfel.de/tuer...ts/rundgang.js

und falls das mit dem Öffnen des Skriptes nicht klappt, hier der Code:

PHP-Code:
// JavaScript Document
function initPage() {

    
// tablinks setzen
    
var tabs document.getElementById("tabbar").getElementsByTagName("span");
    for(var 
i=i<tabs.lengthi++) {
        
tabs[i].onclick = function() {
            
setActive(this);
        }
    }

    
// imglinks setzen
    
var imgs document.getElementById("rundgang").getElementsByTagName("li");
            for(var 
i=0i<imgs.lengthi++) {
                
imgs[i].onclick = function() {
                    
showImage(this);
                }
    }

}


function 
showImage(thumbref) {
    
    var 
imgsrc thumbref.getAttributeNode("class").value;
    
    var 
pfad "images/gallery/";
    var 
endung ".jpg";
    var 
temp pfad.concat(imgsrc);
    var 
img temp.concat(endung);
    
document.getElementById("large_img").src img;

    if (
thumbref.childNodes[1].nodeName == "SPAN") {
        var 
txt thumbref.childNodes[1].firstChild.nodeValue;
    } else {
        var 
txt "";
    }
    
document.getElementById("beschreibung").firstChild.data txt;
}

function 
setActive(tabref) {
    var 
tabs document.getElementById("tabbar").getElementsByTagName("span");
    for(var 
i=0i<tabs.lengthi++) {
        var 
curTab tabs[i];
        
// inaktive tabs
        
if(curTab != tabref) {
          
curTab.className curTab.className.replace("tab_active","");
        }
        
// ausgewaehlten tab einblenden
        
else
        {
            
curTab.className "tab tab_active";
            var 
listref curTab.getAttribute("listref");
            var 
allPages document.getElementById("rundgang").getElementsByTagName("ul");
            for(var 
el=0el<allPages.lengthel++) {
                var 
curPage allPages[el];
                var 
curPageRef curPage.getAttribute("ref");

                
// andere Liste(n) ausblenden
                
if(curPageRef != listref) {
                    
curPage.className "list_inactive";
                }
                
// angewhlte Liste einblenden
                
else
                {
                    
curPage.className curPage.className.replace("list_inactive","");
                }
            }

        }

    }

__________________
I only speak two languages - english and bad english
Mit Zitat antworten
  #4 (permalink)  
Alt 12.06.2008, 12:50
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Ah, du prüfst nicht, ob dein firstChild existiert.
So sollte es hinhauen:
PHP-Code:
    if (thumbref.childNodes[1].firstChild && thumbref.childNodes[1].nodeName == "SPAN") {
        var 
txt thumbref.childNodes[1].firstChild.nodeValue;
    } else {
        var 
txt "";
    }
    
document.getElementById("beschreibung").firstChild.data txt
Mit Zitat antworten
  #5 (permalink)  
Alt 12.06.2008, 12:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2005
Beiträge: 28
denyo256 befindet sich auf einem aufstrebenden Ast
Standard

Exakt, so ging es.

Vielen Dank!
__________________
I only speak two languages - english and bad english
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bildergalerie in Liste oder Div packen? schogette CSS 11 10.08.2009 13:39
Bildergalerie mit Textwechsel caja13 Javascript & Ajax 13 12.09.2008 22:31
hasLayout Problem mit "Ulles" hover Bildergalerie regioprint CSS 7 17.03.2008 11:45
Probleme mit Bildergalerie Lili0312 Site- und Layoutcheck 3 03.03.2007 15:35
erstes bild direkt anzeigen --> bildergalerie las CSS 9 21.07.2006 16:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:52 Uhr.