Antworten auf deine Fragen:
Neues Thema erstellen

ein Bild klein beim klick soll es groß werden wie gehts?

M

mistral1

Nicht mehr ganz neu hier

Wie geht das ohne grßen Aufwand ein Bild klein zu halten auf der page und dann auf eine einen klick auf das Bild größer wird? Wie geht das? Ist das schwer?
 

_Ludvik_

_Ludvik_

und die Antilopen

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Such mal nach Lightbox. Ist einfach zu integrieren und sieht ganz ordentlich aus..

Gruss _Ludvik_
 
stb_87

stb_87

Web-Sheriff - ohne Bild

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Oder mit der CSS-Eigenschaft :hover...

Soll es nur für ein einziges Bild sein oder gleich für mehrere?
Infiefern vergrößern? Auf der gleichen Seite ohne Reload oder auf einer neuen Seite/in einem neuen Fenster?
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Geht das irgenwie mit Dreamweaver auch? Soll immer nur für ein einziges Bild sein, aber mehrere auf einer Seite
 
_Ludvik_

_Ludvik_

und die Antilopen

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Klar geht das auch mit Dreamwaver. Allerdings benutz ich dieses Programm nicht, kann dir also nicht sagen ob und inwiefern sowas schon integriert ist.
Du wirst aber sicher direkt den Code bearbeiten können, da musst du dich halt bissel einlesen..
..im Link von ManniC ist ja alles erklärt.
 
stb_87

stb_87

Web-Sheriff - ohne Bild

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Dreamweaver ist kein Maßstab...

Ohne geht es aber auf jeden fall...
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Ich Arbeite aber mit Dreamweaver. Muss ich das gelieche Bild überhaupt in Klein und dann noch einmal in Groß haben?
 
ManniC

ManniC

Pixelquäler

AW: ein Bild klein beim klick soll es groß werden wie gehts?

mistral1 schrieb:
Muss ich das gelieche Bild überhaupt in Klein und dann noch einmal in Groß haben?
Zum Vergrößern anklicken....

Ja, macht Sinn um die Ladezeit der Basis-Seite möglichst gering zu halten. Nicht jeder interessiert sich für die große Bildversion.

Mal direkt gefragt: Wie sind denn Deine Kenntnisse in HTML, Javascript etc. direkt, sprich losgelöst vom Dreamweaver ?
 
D

denti

Noch nicht viel geschrieben

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Die Lösung mit der Lightbox sieht am besten aus! Probier's ruhig mal!
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Ich bin am lernen. Bei Dreamweaver sieht es so aus, dass ich fertige Templates habe und da nur noch alles einfügen muss. Es geht um meine motorsport.computeresel.de
Mit der Linkbox alles schön ujnd gut. Mein Engl. lässt sehr zu wünschen übrig. Deswegen tue ich mir da schwer.
ManniC ich komme aus Essen
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

was muss ich da bei Die eigentlichen Elemente: einfügen? das ganze oder nur das erste? Mensch ist das schwer.
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Könnte sich das mal jemand anschauen. Ich bekomme das einfach nicht hin
Hier der Code
Meine Ordner wo jeweils das kleine und das große Bild drin ist nennen sich
Bilder_groß
Bilder_klein
das bild in jedem Orner ist jeweils mit 1 Definiert.
habe hier die Box genommen
PA-S.de - Multibox Multimedia Lightbox
Hier der Code
<!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 name="robots" content="index" />
<meta name="robots" content="follow" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="5 days"/>
<meta name="verify-v1" content="9AZWXfL8jcXpgNNzK3oqikaFBPn79gGnWTFxeNBENqc=" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formel 1 - DTM - Nascar - WTCC</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="file-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Language" content="de" />
<meta name="keywords" content="Aktuelles, News, Nachrichten, Informationen, Bilder, Videos, Forum, Fahrer, Teams, motorsport, computeresel, motorsport computeresel, WM-Tabelle auf Motorsport.Computeresel.de, rennergebnisse., weiterempfehlen, durchklicken, information, motorsport., Überwiegend, informiert, berichte, strecken, einfach, fahrer, finden, formel, nascar, genug, kommt, kurz., nicht, sport, teams, " />
<meta name="author" content="Motorsport.Computeresel.de | w.c.sch" />
<meta name="publisher" content="Motorsport.Computeresel.de | w.c.sch" />
<meta name="distribution" content="global" />
<meta name="language" content="de, en" />
<meta name="revisit-after" content="5 days" />
<meta name="description" content="Aktuelles, News, Informationen &uuml;ber Fahrer und Teams, aktuelle Punktest&auml;nde, Bilder nur auf Motorsport.Computeresel.de" />
<meta name="abstract" content="Formel 1, DTM, Motorrad, Rallye, Autonews, sonstiger Motorsport auf Motorsport.de" />
<link href="default.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="multibox/multibox.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="multibox/ie6.css" type="text/css" media="all" /><![endif]-->
<script type="text/javascript" src="multibox/mootools.js"></script>
<script type="text/javascript" src="multibox/overlay.js"></script>
<script type="text/javascript" src="multibox/multibox.js"></script>

<!-- bw-verification http://motorsport.computeresel.de|4236 -->
<script type="text/javascript">

<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script></head>

<body onload="MM_preloadImages('Bilder/Nordschleife.jpg','Bilder/f1hockenheim.jpg')">
<div id="templatemo_wrapper1">
<div id="templatemo_wrapper2">
<div id="templatemo_container">

<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="Formel_1.html">Formel1</a></li>
<li><a href="DTM_1.html">DTM</a></li>
<li><a href="Fahrer_Teams_1.html">Fahrer/Teams</a></li>
<li><a href="Rennkalender_1.html">Rennkalender</a></li>
<li><a href="Rennergebnisse_1.html" class="lastmenu">Rennergebnisse 2009</a></li>
</ul>
</div>

<div id="templatemo_header_banner">
<div id="templatemo_header">
<div id="templatemo_sitetitle">
Night<span> Race</span> </div>
<div id="templatemo_tagline">Singapur Straßenkurs 2009</div>
</div>
<div id="templatemo_banner">
<div id="templatemo_bannertext">
Herzlich Willkommen bei<br /><span>motorsport.computeresel.de</span><br />
Die seite für Formel1 - DTM - WTCC - Nascar
</div>
</div>
</div>

<div id="templatemo_content">

<!-- left column -->
<div id="templatemo_leftcolumn">
<div class="login_form">
<h1 align="center"><a href="http://www.nuerburgring.de/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','Bilder/Nordschleife.jpg',1)"><img src="Bilder/Nordschleife.jpg" name="Image9" width="200" height="145" border="0" id="Image9" /></a></h1>
</div>
<div class="login_form">
<h1 align="center"><a href="http://www.hockenheimring.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','Bilder/f1hockenheim.jpg',1)"><img src="Bilder/f1hockenheim.jpg" name="Image11" width="203" height="154" border="0" id="Image11" /></a></h1>
</div>
<div class="spacetobottom"></div>

<h1>&nbsp;</h1>
<div class="newssection">
<h4><img src="Bilder/toyota.jpg" width="277" height="180" /></h4>
</div>

<div class="newssection">
<h4>&nbsp;</h4>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="more_button"></div>

<a href=""><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href=""><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>

</div>
<!-- End of left column -->

<!-- Right column -->
<div id="templatemo_rightcolumn">
<div class="onecolumn">
<h1>Ständig Aktuelle News aus der Formel 1 während der Winterpause</h1>
<p align="center">____________________________________________________________________________</p>
<h1>&nbsp;</h1>
</div>

<div class="spacetobottom"></div>

<div class="twocolumn">
<div class="twocolumn_box">
<h1>Hockenheim Südkurve</h1>
<p>
<img src="Bilder/081129_hockenheim_m.jpg" width="130" height="73" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="more_button"><a href="#">nach oben</a></div>
</div>

<div class="spacetoright"></div>

<div class="twocolumn_box">
<a href="multibox/1.jpg" id="mb1" class="mb" title="Bilder_klein /1.jpg"><img src="multibox/kl01.jpg" alt="" border="0" /></a>
<div class="multiBoxDesc mb1">1.jpg</div><br />

<p></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="more_button"><a href="Formel1_1.html">zurück</a></div>
</div>
</div>

<div class="spacetobottom"></div>

<div id="gallery">
<h1>Werbung muss sein !!!!!</h1>
<div class="gallery_column">
<p>&nbsp;</p>
<p><img src="Bilder/Animtad_Partner_schmal.gif" width="154" height="65" /></p>
</div>

<div class="spacetoright"></div>

<p>&nbsp;</p>
<div class="gallery_column">
<p><img src="Bilder/Animtad_Partner_schmal.gif" width="164" height="65" /></p>
</div>

<div class="spacetoright"></div>

<div class="gallery_column"><img src="Bilder/Animtad_Partner_schmal.gif" width="156" height="65" />
<p>&nbsp;</p>
</div>

<div class="more_button">
<p><a href="#">Nach oben</a></p>
<p>&nbsp;</p>
</div>
</div>
<div class="spacetobottom"></div>

</div>
<!-- End of right column -->

</div>
<!-- End of content -->

<div id="templatemo_footer"><a href="index.html">Home</a> | <a href="Impressum.html">Impressum </a>| <a href="#">Solutions</a> | <a href="#">Partners</a> | <a href="#">News</a> | <a href="mailto:motorsport.computeresel@arcor.de">Contact</a><br />
Copyright © 2008<strong> motorsport.computeresel.de </strong>| Designed by w.c.sch</div>
</div>
<!-- Container close -->

</div> <!-- Wrapper 2 close -->
</div> <!-- Wrapper 1 close -->
</body>
</html>
 
M

mistral1

Nicht mehr ganz neu hier

AW: ein Bild klein beim klick soll es groß werden wie gehts?

jetzt habe ich es das ein Großes Bild angezeigt wird, wenn man auf das kl. klickt.
Das große wird aber in einem gr. Fenster aufgemacht. Was kann ich da noch tun?
 
_Ludvik_

_Ludvik_

und die Antilopen

AW: ein Bild klein beim klick soll es groß werden wie gehts?

mistral1 schrieb:
jetzt habe ich es das ein Großes Bild angezeigt wird, wenn man auf das kl. klickt.
Das große wird aber in einem gr. Fenster aufgemacht. Was kann ich da noch tun?
Zum Vergrößern anklicken....

Ähm..hast du dir die Beispiele nicht angesehen? Genau das ist ja der SINN der Sache..
 
ManniC

ManniC

Pixelquäler

AW: ein Bild klein beim klick soll es groß werden wie gehts?

...die Javascript's / CSS sind vermutlich nicht da auf dem Server wo die HTML sie erwartet ;)
 
_Ludvik_

_Ludvik_

und die Antilopen

AW: ein Bild klein beim klick soll es groß werden wie gehts?

Oh da hab ich wohl die Frage falsch verstanden, sorry.
Probierst du es gleich online? Manchmal dauerts einige Sekunden bis alles geladen ist, kann so u.U. falsch angezeigt werden.
 
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
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 292 (Mitglieder: 9, Gäste: 283)
Robots: 371

Statistik des Forums

Themen
118.612
Beiträge
1.538.343
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben