Ga naar inhoud

Slideshow in webpagina lukt niet


Aanbevolen berichten

Goedemorgen,

in de startpagina van mijn website wil ik een slideshow opnemen. Ik ben een ervaren computergebruiker maar in CSS ben ik niet thuis. Ik loop dan ook vast in de gebruikelijke programma'tjes om slideshows te bouwen. Nu kwam ik een eenvoudiger versie tegen - WOW-slider - waarmee het me lukt om een indexpagina te openen met daarin een diashow met de gewenste foto's. Dit is echter een hele pagina. Als ik de code van deze indexpagina kopieer en plak in mijn website dan krijg ik her en der vakjes met verwijzingen naar afbeeldingen die niet willen laden. Zien jullie kans de code voor mij te bekijken en een tip te geven hoe ik de code moet bewerken zodat de slideshow als onderdeel van mijn startpagina te zien zal zijn? Verder vraag ik me af waar ik de afbeeldingen klaar moet zetten? Ik denk dat het een map data1\images moet zijn, staat deze dan in public_html?

Hieronder plak ik de code, alvast hartelijk dank voor de hulp!

Martin

<!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">

<head>

<title>FCKN RG.NL Wow Slideshow generated by WOWSlider.com</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="keywords" content="FCKN RG.NL Wow Slideshow, WOW Slider, CSS Picture Gallery, Free CSS Gallery" />

<meta name="description" content="FCKN RG.NL Wow Slideshow created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />

<!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="engine1/style.css" />

<script type="text/javascript" src="engine1/jquery.js"></script>

<!-- End WOWSlider.com HEAD section -->

</head>

<body style="background-color:transparent">

<!-- Start WOWSlider.com BODY section -->

<div id="wowslider-container1">

<div class="ws_images"><ul>

<li><img src="data1/images/original_dutch_surf_wear,_streetwear.jpg" alt="original dutch surf wear, streetwear" title="original dutch surf wear, streetwear" id="wows1_0"/></li>

<li><img src="data1/images/be_original,_wear_fckn_rg.nl.jpg" alt="Be original, wear FCKN RG.NL" title="Be original, wear FCKN RG.NL" id="wows1_1"/></li>

<li><img src="data1/images/hoodie_en_cool_shirt_fckn_rg.nl_grand_slam_homerun.jpg" alt="Hoodie en cool shirt FCKN RG.NL Grand Slam Homerun" title="Hoodie en cool shirt FCKN RG.NL Grand Slam Homerun" id="wows1_2"/></li>

<li><img src="data1/images/hoodie_of_cool_shirt_dope_jam_tag.jpg" alt="hoodie of cool shirt Dope Jam Tag" title="hoodie of cool shirt Dope Jam Tag" id="wows1_3"/></li>

<li><img src="data1/images/logo_fckn_rg.nl_baseball.jpg" alt="Logo FCKN RG.NL baseball" title="Logo FCKN RG.NL baseball" id="wows1_4"/></li>

<li><img src="data1/images/original_dutch_skatewear,_skatewear.jpg" alt="original dutch skatewear, skatewear" title="original dutch skatewear, skatewear" id="wows1_5"/></li>

</ul></div>

<div class="ws_bullets"><div>

<a href="#" title="original dutch surf wear, streetwear"><img src="data1/tooltips/original_dutch_surf_wear,_streetwear.jpg" alt="original dutch surf wear, streetwear"/>1</a>

<a href="#" title="Be original, wear FCKN RG.NL"><img src="data1/tooltips/be_original,_wear_fckn_rg.nl.jpg" alt="Be original, wear FCKN RG.NL"/>2</a>

<a href="#" title="Hoodie en cool shirt FCKN RG.NL Grand Slam Homerun"><img src="data1/tooltips/hoodie_en_cool_shirt_fckn_rg.nl_grand_slam_homerun.jpg" alt="Hoodie en cool shirt FCKN RG.NL Grand Slam Homerun"/>3</a>

<a href="#" title="hoodie of cool shirt Dope Jam Tag"><img src="data1/tooltips/hoodie_of_cool_shirt_dope_jam_tag.jpg" alt="hoodie of cool shirt Dope Jam Tag"/>4</a>

<a href="#" title="Logo FCKN RG.NL baseball"><img src="data1/tooltips/logo_fckn_rg.nl_baseball.jpg" alt="Logo FCKN RG.NL baseball"/>5</a>

<a href="#" title="original dutch skatewear, skatewear"><img src="data1/tooltips/original_dutch_skatewear,_skatewear.jpg" alt="original dutch skatewear, skatewear"/>6</a>

</div></div>

<a class="wsl" href="http://wowslider.com">Photo Gallery CSS by WOWSlider.com v3.4</a>

<div class="ws_shadow"></div>

</div>

<script type="text/javascript" src="engine1/wowslider.js"></script>

<script type="text/javascript" src="engine1/script.js"></script>

<!-- End WOWSlider.com BODY section -->

</body>

</html>

Link naar reactie
Delen op andere sites


Goedenavond,

ben er zelf nog flink mee bezig... Dat van die afbeeldingen snap ik inmiddels, was achteraf erg logisch. Ik krijg het nu voor elkaar om zichtbare afbeeldingen tevoorschijn te toveren, maar de slideshow zelf wil echt niet. Graag uw hulp! Alvast dank!

Link naar reactie
Delen op andere sites

  • 1 maand later...

Probeer eens ipv

<li><img src="data1/images/original_dutch_surf_wear,_streetwear.jpg" alt="original dutch surf wear, streetwear" title="original dutch surf wear, streetwear" id="wows1_0"/></li>

eens

 <li><img src="[b]www.website.com/[/b]data1/images/original_dutch_surf_wear,_streetwear.jpg" alt="original dutch surf wear, streetwear" title="original dutch surf wear, streetwear" id="wows1_0"/></li> 

mogelijkheid 2 is

 <li><img src="[b]./[/b]data1/images/original_dutch_surf_wear,_streetwear.jpg" alt="original dutch surf wear, streetwear" title="original dutch surf wear, streetwear" id="wows1_0"/></li> 

NB. Als je code verandert neem eerst een backup van de originele code!

aangepast door qbie
Link naar reactie
Delen op andere sites


Miss moet je in onderstaande code eens kijken of de "src=" goed hebt.

<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>

Idem hier. Voor jscript jan je gewoon linken naar de site zelf moet je geen files uodaten enz...

<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>

<script type="text/javascript" src="http://yourdomain.com/engine1/jquery.js"></script>

WOW Slider : Image Carousel Tutorials

NB. Als je code verandert, neem altijd eerst een backup van de originele code!

- - - Updated - - -

Hopelijk helpt dit je een beetje vooruit.

Ander geef de url van de site eens

Link naar reactie
Delen op andere sites

 Delen

×
×
  • Nieuwe aanmaken...