Witam jestem początkującym użytkownikiem cmsa. Mam już stronę i chciałbym dodać na mojej jednej podstronie galerię zdjęć z programu jalbum 9 . Jak to zrobić żeby galeria utworzona przez ten program była wczytywana do mojej podstrony w cms-ie? Dziękuję za wszelkie podpowiedzi. Pozdrawiam.
Witam napiszę trochę więcej na ten temat. W jalbumie wygenerowałem galerię zdjęć i wrzuciłem je na swoje konto do katalogu album znajdującego się w katalogu głównym. Następnie otworzyłem cmsa i do nowej strony w cms-ie skopiowałem to co znajduje się na stronie index.html wygenerowanym przez jalbum. Niestety nic się nie wyświetla. Poniżej kod strony index.html który wstawiałem do cms-a.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- saved from url=(0014)about:internet --> <head> <title> zdjecia do wyslania </title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="generator" content="Jalbum 9.0.2 with Matrix 5.9, Gray on Blue style, album creation date 06.02.11 21:06" /> <meta name="title" content="zdjecia do wyslania" /> <link href="res/common.css" rel="stylesheet" /> <script type="text/javascript" src="res/highslide-full.min.js"></script> <script type="text/javascript" src="res/swfobject.js"></script> <script type="text/javascript" src="res/easing_equations.js"></script> <script type="text/javascript" src="res/ffmousewheel.js"></script> <script type="text/javascript" src="res/hsprint.js"></script> <script type="text/javascript" src="res/hsconfig.js"></script> <!-- Highslide cursor path --> <style type="text/css"> .highslide img { cursor: url(res/graphics/zoomin.cur), pointer !important; } </style> <!-- Embed music player --> <!-- Set body margins --> <style type="text/css"> body { margin: 8px 8px 8px 8px; } </style>
<!-- Include htmlhead.inc from image directory if present --> <link rel="alternate" href="album.rss" type="application/rss+xml"/> </head> <body> <!-- Check for obsolete browser --> <!--[if lt IE 7]> <table class="centered-table"><tr><td class="warning">You appear to be using an obsolete browser<br />that may not display this site correctly.<br />Please update to a modern browser like Firefox or IE8.</td></tr></table> <![endif]--> <!-- Check for JavaScript --> <script type="text/javascript"></script> <noscript> <table class="centered-table"><tr><td class="warning">Javascript must be enabled<br />for this page to function properly.</td></tr></table> </noscript> <!-- Dummy div for IE8 --> <div style="height: 100%: position: static;"> <!-- Music player div --> <!-- Include header.inc from image directory if present --> <!-- Logo above --> <!-- Breadcrumbs above title bar --> <!-- Title Bar --> <table class='titlebar-table'><tr><td><div class='atitle'>zdjecia do wyslania<br /></div></td></tr></table> <!-- Breadcrumbs below title bar --> <!-- Top Info Txt --> <!-- Top Navigation --> <!-- Breadcrumbs above thumbnail table --> <!-- Count images and compute the fixed box height --> <!-- Iterate through images and produce an index table --> <table class="thumb-table" cellspacing="15"> <tr style="height: 181px"> <td class="thumbbox"> <a id='image1' href='slides/p6157709.jpg' class='highslide' onfocus='this.blur()' onclick='return hs.expand(this, {autoplay: false})'><img src='thumbs/p6157709.jpg' width='113' height='145' alt='p6157709' title='' /></a> </td> <td class="thumbbox"> <a id='image2' href='slides/p6157710.jpg' class='highslide' onfocus='this.blur()' onclick='return hs.expand(this, {autoplay: false})'><img src='thumbs/p6157710.jpg' width='113' height='145' alt='p6157710' title='' /></a> </td> <td class="thumbbox"> <a id='image3' href='slides/p6157711.jpg' class='highslide' onfocus='this.blur()' onclick='return hs.expand(this, {autoplay: false})'><img src='thumbs/p6157711.jpg' width='145' height='113' alt='p6157711' title='' /></a> </td> <td class="thumbbox"> <a id='image4' href='slides/p6157714.jpg' class='highslide' onfocus='this.blur()' onclick='return hs.expand(this, {autoplay: false})'><img src='thumbs/p6157714.jpg' width='145' height='113' alt='p6157714' title='' /></a> </td> </tr> </table> <!-- Breadcrumbs below thumbnail table --> <!-- Bottom navigation --> <!-- Bottom Info Txt --> <!-- Copyright --> <!-- Credits --> <!-- W3C Validation --> <!-- Breadcrumbs at footer --> <!-- Include footer.inc from image directory if present --> <!-- Divs for draggable footer -->
Najłatwiejsze rozwiązanie to użyć <iframe> i umieścić link do podstrony album/index.html Poczytaj sobie o tym elemencie więcej w google. Nie jest to najbardziej eleganckie rozwiązanie, ale na pewno będzie działać. Z każdym innym będzie więcej zachodu, a może zdarzyć się tak, że zastosowane biblioteki w tym skrypcie niekoniecznie będą współpracować z lightboxem co przysporzy Ci jeszcze więcej problemów.