Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „LIGHTBOX - Tutorial/Newbee“

djunior_norr

Noch nicht viel geschrieben

Hallo zusammen!

Ich weiss es gibt hier schon eineige Threads zu doesem Thema, aber ich habe da mal ne "dumme" Frage.

Mein Layout bzw. die gesamte Page erstelle ich in PS. Diese slice ich dann in IR und fertig. Jetzt habe ich auf meiner Seite gewisse Thumbs geslict die ich gern via LIGHTBOX im Grossformat haben möchte. Alle meine Bilder sind allerdings als .gif hinterlegt, da in IR geslict. Meine Frage ist wie binde ich in diesem Fall die LIGHTBOX ein?

Hoffe die Frage ist verständlich und nicht all zu blöd :uhm:

Danke fur eure Antworten!
 

Lizzard

Aufmerksamer

AW: LIGHTBOX - Tutorial/Newbee

Hallo,

also Erstmal im Header deiner html die Scripts einbinden, welche du dir natürlich vorher besorgt hast:
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

Dann auf das kleine Bild einen Link setzen zum großen Bild mit der Angabe im Link rel=lightbox.
So in etwa sollte der Link aussehen:
<A href="images/bigpicture.jpg" rel=lightbox">

Das müsste es eigentlich gewesen sein.

Viele Grüße vom Lizzard
 

djunior_norr

Noch nicht viel geschrieben

AW: LIGHTBOX - Tutorial/Newbee

Hallo,

danke erst mal für die schnelle Antwort. Also wo genau muss ich nun den Code reinschreiben?
Hier mal nen Stückchen Quelltext:

<TD COLSPAN=12 ROWSPAN=15>
<IMG SRC="images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT=""></TD>

Und kann ich das irgendwie vorher testen? Meine kann ich das im FP2003 z.B. im Vorschaumodus sehen?

Danke im Voraus!
 

sokie

Mod | Web

AW: LIGHTBOX - Tutorial/Newbee

Code:
<TD COLSPAN=12 ROWSPAN=15>
            <IMG SRC="http://www.psd-tutorials.de/modules/Forum/images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT="">
hier müssen die Inhalte rein
</TD>
die können natürlich unterschiedlicher art sein, zB text:
Code:
 <TD COLSPAN=12 ROWSPAN=15>
             <IMG SRC="http://www.psd-tutorials.de/modules/Forum/images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT="">
   <a href="http://www.psd-tutorials.de/modules/Forum/images/bigpicture.jpg" rel=lightbox">hier klicken um das Bild anzuzeigen</a>
</TD>
oder bildlinks:
Code:
  <TD COLSPAN=12 ROWSPAN=15>
              <IMG SRC="http://www.psd-tutorials.de/modules/Forum/images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT="">
   <a href="http://www.psd-tutorials.de/modules/Forum/images/bigpicture.jpg" rel=lightbox"><img src="kleines_vorschaubild.gif" alt="hier die Bildbeschreibung" /></a>
 </TD>
eigentlich ist das aber auch hier genau beschrieben:
 
Zuletzt bearbeitet:

djunior_norr

Noch nicht viel geschrieben

AW: LIGHTBOX - Tutorial/Newbee

Hallo !

Also ich denke den Teil hab ich jetzt begriffen ;-)
Aber kann ich da auch offline testen? Tue ich das jetzt im FP2003 ist das bloss nen link zu dem grösseren Bild, aber nicht der LIGHTBOZ effekt. Bedeutet das ich muss alles hochladen?
 

djunior_norr

Noch nicht viel geschrieben

AW: LIGHTBOX - Tutorial/Newbee

Nein. Wenn es nicht funktioniert stimmt entweder der Pfad zu den .js Dateien/zur CSS nicht.

... also haltet mich jetzt nich für bescheuert, aber wenn ich die Codes eingegeben habe, kriege ich zwar das grosse Bild in neuem TAB geöffnet, aber eben nicht den LIGHTBOXEFFEKT!
Funktioniert JAVA nich im FP2003?
 

djunior_norr

Noch nicht viel geschrieben

AW: LIGHTBOX - Tutorial/Newbee

Bin so langsam am verzweifeln.Das will bei mir nich klappen!Was mach ich falsch ? Anbei mal der komplette Code:

<HTML>
<HEAD>
<TITLE>index_home</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index_home.psd) -->
<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
butt_opportunity_over = newImage("images/butt_opportunity-over.gif");
butt_beliefs_over = newImage("images/butt_beliefs-over.gif");
butt_strategy_over = newImage("images/butt_strategy-over.gif");
index_33_over = newImage("images/index_33-over.gif");
index_35_over = newImage("images/index_35-over.gif");
index_37_over = newImage("images/index_37-over.gif");
index_39_over = newImage("images/index_39-over.gif");
index_41_over = newImage("images/index_41-over.gif");
index_43_over = newImage("images/index_43-over.gif");
index_45_over = newImage("images/index_45-over.gif");
preloadFlag = true;
}
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index_home.psd) -->
<div align="center">
<TABLE ID="Tabelle_01" WIDTH=776 HEIGHT=829 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=89 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=43 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=36 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=57 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=62 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=52 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD>
<p align="center"></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_01.gif" WIDTH=24 HEIGHT=245 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=3>
<p align="center">
<IMG SRC="images/comp.gif" WIDTH=122 HEIGHT=245 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_03.gif" WIDTH=35 HEIGHT=245 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/part_company.gif" WIDTH=89 HEIGHT=216 ALT=""></TD>
<TD COLSPAN=20 ROWSPAN=3>
<p align="center">
<IMG SRC="images/big_pictures_right.gif" WIDTH=505 HEIGHT=245 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=216 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/butt_home.gif" WIDTH=89 HEIGHT=19 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_07.gif" WIDTH=89 HEIGHT=10 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_opportunity', 'images/butt_opportunity.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_opportunity', 'images/butt_opportunity-over.gif'); return true;">
<IMG NAME="butt_opportunity" SRC="images/butt_opportunity.gif" WIDTH=146 HEIGHT=63 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=7>
<p align="center">
<IMG SRC="images/index_09.gif" WIDTH=22 HEIGHT=310 ALT=""></TD>
<TD COLSPAN=6 ROWSPAN=6>
<p align="center">
<A HREF="images/landkarte.jpg">
<IMG SRC="images/index_home_10.gif" WIDTH=195 HEIGHT=245 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=16 ROWSPAN=2>
<p align="center">
<IMG SRC="images/big_pictures_right-13.gif" WIDTH=412 HEIGHT=71 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=63 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_12.gif" WIDTH=24 HEIGHT=28 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=2>
<p align="center">
<IMG SRC="images/pic_opportunity.gif" WIDTH=122 HEIGHT=28 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=5>
<p align="center">
<IMG SRC="images/index_14.gif" WIDTH=25 HEIGHT=239 ALT=""></TD>
<TD COLSPAN=12 ROWSPAN=6>
<p align="center">
<IMG SRC="images/backgroung_text_aboutus.gif" WIDTH=367 HEIGHT=333 ALT=""></TD>
<TD ROWSPAN=9>
<p align="center">
<IMG SRC="images/index_16.gif" WIDTH=20 HEIGHT=429 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_beliefs', 'images/butt_beliefs.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_beliefs', 'images/butt_beliefs-over.gif'); return true;">
<IMG NAME="butt_beliefs" SRC="images/butt_beliefs.gif" WIDTH=146 HEIGHT=62 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_18.gif" WIDTH=24 HEIGHT=29 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/pic_beliefs.gif" WIDTH=122 HEIGHT=29 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<p align="center">
<A HREF="index.html"
ONMOUSEOVER="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;"
ONMOUSEOUT="changeImages('butt_strategy', 'images/butt_strategy.gif'); return true;"
ONMOUSEDOWN="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;"
ONMOUSEUP="changeImages('butt_strategy', 'images/butt_strategy-over.gif'); return true;">
<IMG NAME="butt_strategy" SRC="images/butt_strategy.gif" WIDTH=146 HEIGHT=63 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=63 ALT=""></TD>
</TR>
<TR>
<TD>
<p align="center">
<IMG SRC="images/index_21.gif" WIDTH=24 HEIGHT=65 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/pic_strategy.gif" WIDTH=122 HEIGHT=65 ALT=""></TD>
<TD COLSPAN=6>
<p align="center">
<IMG SRC="images/index_23.gif" WIDTH=195 HEIGHT=65 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=65 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<p align="center">
<IMG SRC="images/dates.gif" WIDTH=112 HEIGHT=156 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=2>
<p align="center">
<IMG SRC="images/background_text_latestnes.gif" WIDTH=158 HEIGHT=156 ALT=""></TD>
<TD COLSPAN=7 ROWSPAN=2>
<p align="center">
<IMG SRC="images/busimessman.gif" WIDTH=118 HEIGHT=156 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=94 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<p align="center">
<IMG SRC="images/downpaper.gif" WIDTH=367 HEIGHT=96 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8 ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_28.gif" WIDTH=310 HEIGHT=61 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="index.html">
<IMG SRC="images/index_29.gif" WIDTH=53 HEIGHT=6 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=3 ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_30.gif" WIDTH=25 HEIGHT=34 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/index_31.gif" WIDTH=53 HEIGHT=28 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<p align="center">
<IMG SRC="images/index_32.gif" WIDTH=10 HEIGHT=83 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_33', 'images/index_33-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_33', 'images/index_33.gif'); return true;"
ONMOUSEDOWN="changeImages('index_33', 'images/index_33-over.gif'); return true;"
ONMOUSEUP="changeImages('index_33', 'images/index_33-over.gif'); return true;">
<IMG NAME="index_33" SRC="images/index_33.gif" WIDTH=47 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down.gif" WIDTH=8 HEIGHT=27 ALT=""></TD>
<TD COLSPAN=2>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_35', 'images/index_35-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_35', 'images/index_35.gif'); return true;"
ONMOUSEDOWN="changeImages('index_35', 'images/index_35-over.gif'); return true;"
ONMOUSEUP="changeImages('index_35', 'images/index_35-over.gif'); return true;">
<IMG NAME="index_35" SRC="images/index_35.gif" WIDTH=54 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-42.gif" WIDTH=7 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_37', 'images/index_37-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_37', 'images/index_37.gif'); return true;"
ONMOUSEDOWN="changeImages('index_37', 'images/index_37-over.gif'); return true;"
ONMOUSEUP="changeImages('index_37', 'images/index_37-over.gif'); return true;">
<IMG NAME="index_37" SRC="images/index_37.gif" WIDTH=36 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-45.gif" WIDTH=5 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_39', 'images/index_39-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_39', 'images/index_39.gif'); return true;"
ONMOUSEDOWN="changeImages('index_39', 'images/index_39-over.gif'); return true;"
ONMOUSEUP="changeImages('index_39', 'images/index_39-over.gif'); return true;">
<IMG NAME="index_39" SRC="images/index_39.gif" WIDTH=57 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-48.gif" WIDTH=9 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_41', 'images/index_41-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_41', 'images/index_41.gif'); return true;"
ONMOUSEDOWN="changeImages('index_41', 'images/index_41-over.gif'); return true;"
ONMOUSEUP="changeImages('index_41', 'images/index_41-over.gif'); return true;">
<IMG NAME="index_41" SRC="images/index_41.gif" WIDTH=45 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-51.gif" WIDTH=4 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_43', 'images/index_43-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_43', 'images/index_43.gif'); return true;"
ONMOUSEDOWN="changeImages('index_43', 'images/index_43-over.gif'); return true;"
ONMOUSEUP="changeImages('index_43', 'images/index_43-over.gif'); return true;">
<IMG NAME="index_43" SRC="images/index_43.gif" WIDTH=42 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD>
<p align="center">
<IMG SRC="images/background_menu-down-54.gif" WIDTH=7 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<A HREF="#"
ONMOUSEOVER="changeImages('index_45', 'images/index_45-over.gif'); return true;"
ONMOUSEOUT="changeImages('index_45', 'images/index_45.gif'); return true;"
ONMOUSEDOWN="changeImages('index_45', 'images/index_45-over.gif'); return true;"
ONMOUSEUP="changeImages('index_45', 'images/index_45-over.gif'); return true;">
<IMG NAME="index_45" SRC="images/index_45.gif" WIDTH=62 HEIGHT=27 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=2>
<p align="center">
<IMG SRC="images/background_menu-down-57.gif" WIDTH=72 HEIGHT=27 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=27 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<p align="center">
<IMG SRC="images/background_copytight.gif" WIDTH=288 HEIGHT=20 ALT=""></TD>
<TD ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_48.gif" WIDTH=22 HEIGHT=56 ALT=""></TD>
<TD COLSPAN=17 ROWSPAN=2>
<p align="center">
<IMG SRC="images/index_49.gif" WIDTH=455 HEIGHT=56 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<p align="center">
<IMG SRC="images/index_50.gif" WIDTH=288 HEIGHT=36 ALT=""></TD>
<TD>
<p align="center">
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
</TABLE>
</div>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
 

stb_87

Web-Sheriff - ohne Bild

AW: LIGHTBOX - Tutorial/Newbee

Öffne das mal in einem Browser und nicht in FP!!!

Und lern HTML und CSS und hör auf mit Tabellen ein Layout zu erstellen!

For further information klick the link in my sig!
 

djunior_norr

Noch nicht viel geschrieben

AW: LIGHTBOX - Tutorial/Newbee

Öffne das mal in einem Browser und nicht in FP!!!

Und lern HTML und CSS und hör auf mit Tabellen ein Layout zu erstellen!

For further information klick the link in my sig!


Also das wird dich jetzt vielleicht ärgern, aber ich habe so ziemlich gar keine ahnung von HTML und die gesamte PAge ist in PS/IR gemacht. Was soll denn passieren wenn ich das in nem Browser öffne? Der Lightboxeffekt is halt nich da nur die Verlinkung zu dem grossen Bild.
 

sokie

Mod | Web

AW: LIGHTBOX - Tutorial/Newbee

Hallo djunior_norr,

Wenn Du die Informationen nicht liest, die ich Dir per Link in #4 gegeben habe tuts mir auch leid. In der Seite ist schon alles beschrieben (sogar das Problem welches durch die unsäglichen MM_-scripte verursacht ist). hier nochmal im Auszug:
It doesn't work at all. The image opens up in a new page. What's wrong?This is commonly caused by a conflict between scripts. Check your body tag and look for an onload attribute. Example:
<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;">
A quick fix to this problem is to append the initLightbox() to the onload attribute as so:
<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()">
und:
Öffne das mal in einem Browser und nicht in FP!!!
kann ich wirklich auch nur empfehlen!
um die Seite zu beurteilen hilft wirklich nur die Ansicht im browser.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.224
Neuestes Mitglied
Aliyah79
Oben