Artisteer en lightbox

Status
Niet open voor verdere reacties.
A

arawolf

Een tijdje geleden heb ik artisteer aangeschaft om zelf sjablonen voor joomla te kunnen maken. Nu wou ik voor een test ook met artisteer een jabloon maken voor een html site. Dit lukt aardig maar ik krijg de lightbox er niet in verwerkt. Het script werkt niet. De linken wel. Iemand een idee hoe dit komt. het testje is te vinden op :

Contact Us
 
Artiseer is een handig hulpmiddel om templates te maken voor Joomla, Wordpress en Drupal en dit zijn CMS systemen.
Hierdoor ontstaat er een mappenstruktuur met inhoud. Artiseer genereerd code dat klopt met deze mappenstructuur.

Artiseer gebruikt voor een CMS nogal wat php code.
Natuurlijk is alles met veel knip en plakwerk hier wel uit te halen, maar het omzetten van een php naar een hlml site vergt nogal wat aanpassing in de code en een foutje is hier snel gemaakt.
Als je een lightbox in en gewone html site wilt plaatsen, waarom gebruik je dan niet direct een lightbox. Er zijn er genoeg te vinden via Google.
 
Ik kan perfect de site opmaken in artisteer en hem dan exporteren naar html. Is me al vaker gelukt. Maar het probleem is dat ik dan via "dreamweaver " op een bepaalde pagina lightbox toevoeg. Als ik de thumbs aanklik wordt de grotere fot ogetoond maar dit op een andere blad en zonder de terugkeerknoppen. Als je begrijp wat ik bedoel. Kijk anders even op deze link : Contact Us
dan zie wat ik bedoel. Die blijkt niet te werken. Ik begrijp niet wat je bedoeld met "waarom gebruik je dan direct niet een lightbox" ?

Groeten
 
arawolf zei:
Ik begrijp niet wat je bedoeld met "waarom gebruik je dan direct niet een lightbox" ?
Klik om te vergroten...

Hiermee bedoel ik dat en lightbox in bijvoorbeeld Joomla een module of componenet is.
Met een aantal lightboxen kun je instellen of het als single image moet werken of als image set. Deze instelling is het gemakkelijkst om dan binnen Joomla in te stellen. Het kan wel via de code, maar dan ben je wel even bezig om te zoeken waar dit moet gebeuren.
 
Misschien heb je er iets aan, maar met single en de complete image set bedoel ik dit.

Zie bijlage
 
Ok , maar wat je bijstuur dat is wat ik gebruik. Ik denk dat gewoon één van de scripts niet op zijn plaats staat of overruled wordt door een ander script.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>

<!-- Created by Artisteer v4.0.0.55648 -->
<meta charset="utf-8">
<title>Contact Us</title>

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="../lightbox/css/lightbox.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->


<script src="jquery.js"></script>
<script src="script.js"></script>
<script type="text/javascript" src="../lightbox/js/prototype.js"></script>
<script type="text/javascript" src="../lightbox/js/scriptaculous.js"></script>
<script type="text/javascript" src="../lightbox/js/lightbox.js"></script>












<style>
.art-content .art-postcontent-0 .art-preview-show-borders-layout-cell { border: 1px dotted #777777 }
.art-content .art-postcontent-0 .layout-item-0 { padding-right: 25px;padding-left: 25px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

#apDiv1 {
position:absolute;
left:33px;
top:77px;
width:125px;
height:34px;
z-index:1;
}
</style>


</head>
<body>

<div id="art-main">
<nav class="art-nav clearfix">
<ul class="art-hmenu"><li><a href="main.html">Main</a></li><li><a href="contact-us.html" class="active">Contact Us</a></li></ul>
</nav>
<header class="art-header clearfix">


<div class="art-shapes">
<h1 class="art-headline" data-left="18.01%">
<a href="#">GREENCLEW</a>
</h1>
<h2 class="art-slogan" data-left="18.01%">Web Design and Internet Marketing</h2>


</div>


</header>
<div class="art-sheet clearfix">
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix"><article class="art-post art-article">
<h2 class="art-postheader">Contact Us</h2>

<div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0 art-preview-show-borders-layout-cell" style="width: 100%" >
<div><p> <table border="0" align="center" cellpadding="0" cellspacing="5" id="Talbum">
<tr>
<td class="accenttekst">Starters</td>
<td><a href="images/album/L/1.jpg" rel="lightbox[portret]"><img src="images/album/TH/1.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/2.jpg" rel="lightbox[portret]"><img src="images/album/TH/2.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/3.jpg" rel="lightbox[portret]"><img src="images/album/TH/3.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/4.jpg" rel="lightbox[portret]"><img src="images/album/TH/4.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/5.jpg" rel="lightbox[portret]"><img src="images/album/TH/5.jpg" alt="" width="150" height="100" /></a></td>
</tr>
<tr>
<td class="accenttekst">Buffetschotels</td>
<td><a href="images/album/L/6.jpg" rel="lightbox[portret]"><img src="images/album/TH/6.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/7.jpg" rel="lightbox[portret]"><img src="images/album/TH/7.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/8.jpg" rel="lightbox[portret]"><img src="images/album/TH/8.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/9.jpg" rel="lightbox[portret]"><img src="images/album/TH/9.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/10.jpg" rel="lightbox[portret]"><img src="images/album/TH/10.jpg" alt="" width="150" height="100" /></a></td>
</tr>
<tr>
<td class="accenttekst">Gourmet, fondue, barbecue, teppan yaki, grill...</td>
<td><a href="images/album/L/11.jpg" rel="lightbox[portret]"><img src="images/album/TH/11.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/12.jpg" rel="lightbox[portret]"><img src="images/album/TH/12.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/13.jpg" rel="lightbox[portret]"><img src="images/album/TH/13.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/14.jpg" rel="lightbox[portret]"><img src="images/album/TH/14.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/15.jpg" rel="lightbox[portret]"><img src="images/album/TH/15.jpg" alt="" width="150" height="100" /></a></td>
</tr>
<tr>
<td class="accenttekst">Onze winkel</td>
<td><a href="images/album/L/16.jpg" rel="lightbox[portret]"><img src="images/album/TH/16.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/17.jpg" rel="lightbox[portret]"><img src="images/album/TH/17.jpg" alt="" width="150" height="100" /></a></td>
<td><a href="images/album/L/18.jpg" rel="lightbox[portret]"><img src="images/album/TH/18.jpg" alt="" /></a></td>
<td><a href="images/album/L/19.jpg" rel="lightbox[portret]"><img src="images/album/TH/19.jpg" alt="" /></a></td>
<td><a href="images/album/L/20.jpg" rel="lightbox[portret]"><img src="images/album/TH/20.jpg" alt="" width="150" height="100" /></a></td>
</tr>
</table></p></div>

</div>
</div>
</div>
</div>
<div class="art-postfootericons art-metadata-icons">
<span class="art-postcategoryicon">Category: No Category</span>
| <span class="art-posttagicon">Tags: <a href="#" title="link">link</a>, <a href="#" title="visited link" class="visited">visited</a>, <a href="#" title="hovered link" class="hover">hovered</a></span>
| <span class="art-postcommentsicon"><a href="#" title="Comments">No Comments »</a></span>
</div>
</article></div>
</div>
</div>
</div><footer class="art-footer clearfix">
<div style="border-top:1px dashed #cccccc;margin-left: 10px"><br></div>
<ul style="margin: 0px 10px">
<li style="display:block;float:left;width:150px;">
<p style="font-size:18px;">Leo.</p>
 
Inderdaad dat was het. Heb dit ook al meerdere malen gedaan met andere sites via dreamweaver. vb slagerijgheysens.be
Maar met het sjabloom gemaakt in artisteer lukt het niet. Vandaar dat ik de code erbij voegde.
 
Artiseer is daar ook niet voor bedoeld, deze dient zoals ik eerder vermeld heb om bijvoorbeeld een Joomla of ander CMS Template te maken en niet om een gewone html site te bouwen.

Met wat knip en plakwerk kun je natuurlijk gedeelten van de code gebruiken, maar de kans op fouten is dan wel wat meer aanwezig.
 
Daar ben ik het niet helemeel mee eens. Voor kleinere sites werkt het prima. Tevens nadat hje de site hebt gemaakt kan je hem verder bewerken in dreamweaver of een andere programma. Natuurlijk heb je gelijk dat artisteer in hoofdzaak voor joomla en dergelijke bedoeld is. Waarom ik kleinere sites maak in artisteer. gewoonweg voor de layout mogelijkheden die zeer mooi zijn. Vandaar dat ik dit probeer.
Heb je de link al geopend ? De foto's zijn via dreamwever in een tabel geplaats en in dit sjabloon verwerkt. Maar het script wordt niet geactiveerd dat is het enige.
Groeten
 
Jawel, ik heb gezien dat het niet werkt bij jou en natuurlijk, overal is een website mee te maken, al moet het met kladblok van Windows.

Maar Artiseer is typisch een template maker http://www.artisteer.nl/


Werken de script wel goed als je het niet via dreamweaver verwerkt en klopt de bestandsstructuur in de code.

Dit vind ik bijvoorbeeld vreemd:

Code: 
<script src="jquery.js"></script>
        <script src="script.js"></script>
        <script type="text/javascript" src="../lightbox/js/prototype.js"></script>
        <script type="text/javascript" src="../lightbox/js/scriptaculous.js"></script>
        <script type="text/javascript" src="../lightbox/js/lightbox.js"></script>

Het zou wel kunnen kloppen hoor, maar normaal zet je alle scripts bij elkaar in 1 map.
 
Probeer zo eens.
Volgens mij zijn de scripts die jij gebruikt corrupt. Ik heb hier een andere gebruikt en deze werkt.

Je kunt wel een melding van Windows krijgen om de geblokkeerde inhoud toe te staan. Dit zijn de scripts dus die geblokt worden.
 

Bijlagen

Status
Niet open voor verdere reacties.
Terug
Bovenaan