bild anzeigenhallo gemeinschaft

jhaustein

hallo gemeinschaft,

bekomme aus einer xml datei daten und auch links zu bildern, die ich nun anzeigen lassen möchte

PHP

$file = file_get_contents("http://xxxx.de/xml/?action=getRoutePictures&routeID=24555&partnerID=2113123123");
$xml = simplexml_load_string($file);  
echo $xml->Picture->URL;
$URL1 = $xml->Picture->URL;
echo('<img src="$URL1" width="100" >');

der pfad wirs mir zwar angezeigt - aber das bild nicht

könnt ihr mir sagen, wo der fehler ist

Bleistift

PHP

echo '<img src="' . $URL1 . '" width="100%">';

Sollte klappen wenn die URL stimmt.
Wobei man doch eigentlich die Liste erstmal durchgehen muss, oder?
Spricht foreach($xml->Picture as $pic): echo $pic->Url; endforeach; oder? Hm naja
Wie gesagt wenn der Pfad stimmt sollte das so wie oben dargestellt klappen.

jhaustein

lieben dank

PHP

foreach($xml->Picture as $pic):
echo '<img src="' . $pic->URL. '" width="100">';  
 endforeach;

hättest du vielleicht ne idee - für ne diashow

synaptic

wenn du dir ein javascript für die diashow gefunden hast, musste die xml-werte ins javascript stopfen, ist nichts anderes, als hier auch schon nur dass du eben noch js-code drum herum hast statt schlichtweg nur eine URL

Bleistift

HTML

<div id="slideshow">
     <div id="innerslider">
        <?php
        php code mit img-ausgabe
        ?>
     </div>
</div>

Images float:left wert geben per Css oder im Style-Attr. vom img und dann per JavaScript oder jQuery sliden lassen
Bei jQuery wäre das $("#innerslider").animate({
'margin-left': neuerLeftWert
}, interval);

schon hast du eigentlich ne ganz simple Slideshow

jhaustein

in meiner show werden dann diese bilder verwendet

HTML

<h1>Eine Bilderslideshow</h1>
    <p id="meinFader">
  <?  foreach($xml->Picture as $pic):
echo '<img src="' . $pic->URL. '" width="100">';  
 endforeach;?>


    </p>
    <p><a href="javascript:next()">Slideshow starten</a></p>

show wird nur nicht angezeigt - sondern nur eine reihe von bildern

das ist der head bereich

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
        function fade(step) {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");


            step = step || 0;


            imgs[counter].style.opacity = step/100;
            imgs[counter].style.filter = "alpha(opacity=" + step + ")"; // 


            step = step + 2;


            if (step <= 100) {
                window.setTimeout(function () { fade(step); }, 1);
            } else {
                window.setTimeout(next, 2000);
            }
        }


        function next() {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");


            if (typeof(counter) != "number") {
                counter = 0;
            }


            counter++;


            if (counter < imgs.length) {
                fade();
            }
        };
    </script>
    <style type="text/css">
        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
        #meinFader { position: relative; }
    </style>
</head>

Alles anzeigen

das war der bildersatz

HTML

<img src="images/berge1.jpg" alt="">         
<img src="images/berge2.jpg" alt="" class="next">         
<img src="images/berge3.jpg" alt="" class="next">         
<img src="images/berge4.jpg" alt="" class="next">         
<img src="images/berge5.jpg" alt="" class="next">         
<img src="images/berge6.jpg" alt="" class="next">

Bleistift

PHP

<h1>Bildershow</h1>
<p id="meinFader">
<?php foreach($xml->Picture as $pic): ?>
<img src="<?php echo $pic->Url; ?>>
<?php endforeach; ?>
</p>
<p><a href="javascript:next();">starten</a></p>

Code

p#meinFader img {
float: left;
width: 100px;
height: 100px;
}

Aber ich würde um deinen Fader noch ein div oder Absatz legen der das allgemeine Element beinhaltet.

PHP

<h1>Bildershow</h1>
<div id="slideshow"><p id="meinFader">
<?php foreach($xml->Picture as $pic): ?>
<img src="<?php echo $pic->Url; ?>>
<?php endforeach; ?>
</p></div>
<p><a href="javascript:next();">starten</a></p>

Code

div#slideshow {
/*
 * hier kommen deine Styles für deine Slideshow rein
*/
overflow: hidden; /* wichtig, sonst wird alles angezeigt */
}


p#meinFader {
/*
 * hier kommen deine Styles für dein Absatz meinFader rein
*/
}


div#slideshow p#meinFader img {
float: left;
width: 100px;
height: 100px;
}

Alles anzeigen

Und mit JavaScript/jQuery dann "meinFader" bewegen nach links, rechts, oben oder unten.
Das overflow - Attr. zeigt dann nur das was in dein Element "reinpasst" an.

jhaustein

show startet leider nicht - starten button ist nicht belegt

Bleistift

was soll man mit dieser aussage anfangen?
hast du ne seite wo du das zeigen kannst
erklär mal dein problem etwas näher

alternativ gibt es auch schon viele fertige slideshows

jhaustein

war nen fertiges script http://aktuell.de.selfhtml.org/artikel/javasc…erslideshow.htm

kann das prob hier liegen - so muss es eigentl aussehen

HTML

<img src="images/berge6.jpg" alt="" class="next">

Bleistift

Sorry aber den Slider check ich nicht.
Ne, an dem img-Tag kann es nicht liegen. Nur an deinen Stylesheets.
Hast du was überschrieben?

jhaustein

nö - so rauskopiert

- - - Aktualisiert - - -

die bilder tauchen nicht auf - jetzt kann ich die button zwar klicken - aber ohne inhalt

Bleistift

also bei copy-paste funzt es bei mir.
Scheinst da irgendwas doch zu überschreiben.
Aber helfen kann man dir nicht schick doch mal deine Version als Webseite o.s.

#edit
existieren denn die bilder bei dir?
ich hoffe da steht nicht mehr images/berge.jpg in deinem src-Attr deines images ?!
Du musst den src-Pfad anpassen!!

jhaustein

PHP

<h1>Bildershow</h1>
<p id="meinFader">
<?php foreach($xml->Picture as $pic): ?>
<img src="<?php echo $pic->Url; ?>
<?php endforeach; ?>
</p>
<p><a href="javascript:next()">Slideshow starten</a></p>

nur local leider

- - - Aktualisiert - - -

PHP

<h1>Bildershow</h1>
<p id="meinFader">
<?php foreach($xml->Picture as $pic): ?>
<img src="<?php echo $pic->Url; ?>
<?php endforeach; ?>
</p>
<p><a href="javascript:next()">Slideshow starten</a></p>

nur local leider

- - - Aktualisiert - - -

mist muss los - melde mich leider später erst wieder

Bleistift

PHP

<img src="<?php echo $pic->Url; ?>

meinst nicht, dass da etwas fehlt?
sowas wie " um den src-String zu beenden oder > um den img-Tag zu beenden?

jhaustein

das ist nun mein code

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
    <script type="text/javascript">
        function fade(step) {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");


            step = step || 0;


            imgs[counter].style.opacity = step/100;
            imgs[counter].style.filter = "alpha(opacity=" + step + ")"; // 


            step = step + 2;


            if (step <= 100) {
                window.setTimeout(function () { fade(step); }, 1);
            } else {
                window.setTimeout(next, 2000);
            }
        }


        function next() {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");


            if (typeof(counter) != "number") {
                counter = 0;
            }


            counter++;


            if (counter < imgs.length) {
                fade();
            }
        };
    </script>
    <style type="text/css">
        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
        #meinFader { position: relative; }</style>
        </head>


<body>


<?php


$file = file_get_contents("http://xxxxx.de/xml/?action=getRoutePictures&routeID=24555&partnerID=3123213");
$xml = simplexml_load_string($file);  
$URL1 = $xml->Picture->URL;
foreach($xml->Picture as $pic):
echo '<img src="' . $pic->URL. '" width="100">';  
 endforeach;
?>
<h1>Bildershow</h1>
<p id="meinFader">
<?php foreach($xml->Picture as $pic): ?>
<img src="<?php echo $pic->Url; ?>" >
<?php endforeach; ?>
</p>
<p><a href="javascript:next()">Slideshow starten</a></p>


</body>
</html>

Alles anzeigen

- - - Aktualisiert - - -

bei mir werden zwar nun alle bilder in zwei spalten untereinander angezeigt - aber halt keine show

jhaustein

- alles geht - endlich - super lieben dank für eure hilfe

Bleistift

"dein" code
Hoffe du verstehst auch was da abläuft
Sonst wärs nicht Sinn der Sache wenn du daraus lernen möchtest.

jhaustein

okay - streiche "mein" - code -

nodi

Ist nichts anderes, als hier auch schon nur dass du eben noch js-code drum herum hast ..

Tags