Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.06.2011 um 09:59 (UTC)    
Titel: Lightbox einfügen

Hallo werte Community,

ich würde gerne eine lightbox auf meiner Homepage einfügen. Das Design "Butterfly" würde ich gerne behalten, weil es für meine Zwecke am dienlichsten ist.
Leider bin ich ein absoluter Amateur auf diesem Gebiet und habe dementsprechend sowas noch nicht gemacht.

Ich habe mir einiges durchgelesen und mir folgende Programme heruntergeladen:

Lightbox Version 2.05
Paint.NET 3.5.8.
und ein html Programm 5.0

Leider weiß ich jetzt nicht was ich mit den Programmen anfangen soll. Ich habe gelesen, dass man Kodierungen in den Header schreiben muss und somit die Möglichkeit besteht Bilder beim anklicken größer erscheinen zu lassen während der Hintergrund weiterläuft. Nur weiß ich nichtmal ob und wie ich den Header in dem Design "butterfly" öffnen kann und somit die Seite selbständig weiterbearbeiten kann.
Ich hoffe es ist möglich das fixe Design "Butterfly" zumindest sogehend zu verändern, dass ich die Lightbox einfügen kann.

Ich wäre sehr verbunden wenn mir jemand den genauen Ablauf beschreiben würde, sodass es auch ein Laie versteht, bzw. wenn ich noch Programme benötige mir diese nennt. Schwierig soll es angeblich nicht sein, aber ich finde leider keinen Einstieg.

Vielen Dank im Voraus für eure Erklärungen
Beitrag09.06.2011 um 10:21 (UTC)    
Titel:

hallo, ich hatte auch mal das Problem ich wollte ein Laufband machen da hat mir kohompa mir dieses Script gegeben

Und jetzt mit der Box da gibt es nen tolles Tool von
Lemon3.xe.cx
Habe es für dich mal angepast.

---------------------Text über dem Design-------------------

<link rel="stylesheet" href="http://lemon3.xe.cx/homepagetools/showbox/css/lightbox.css" type="text/css" media="screen" />
<script src="http://lemon3.xe.cx/homepagetools/showbox/js/prototype.js" type="text/javascript"></script>
<script src="http://lemon3.xe.cx/homepagetools/showbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://lemon3.xe.cx/homepagetools/showbox/js/lightbox.js" type="text/javascript"></script>


---------------------Rechtebox oder wo du es eben haben willst-------------------
<MARQUEE style="background-color:transparent; border: 1px solid #000000; width:156px; height:200px;"
direction="up" behavior="scroll" scrollamount="2" ><table border="0"><tr><td>

<a href="http://www.bild-1.jpg" rel="lightbox[roadtrip]" title="BILDTITEL">
<IMG src="http://www.bild-1.jpg"></a>
<br />
<a href="http://www.bild-2.jpg" rel="lightbox[roadtrip]" title="BILDTITEL">
<IMG src="http://www.bild-2.jpg"></a>
<br/>
<a href="http://www.bild-3.jpg" rel="lightbox[roadtrip]" title="BILDTITEL">
<IMG src="http://www.bild-3.jpg"></a>

</td></tr></table>
</MARQUEE>

habe zwar Design RED aber versuch es mal kannst dir das Laufband ja mal ansehen auf http://micawa-modeschmuck-kult.de.tl/%3Cb%3EHome%3C-s-b%3E.htm das Script habe ich dann zwar etwas umgearbeitet damit es mir gefällt aber du kannst ja sehen das es funktioniert. Wenn noch was ist frag einfach
Beitrag09.06.2011 um 14:11 (UTC)    
Titel:

Danke für deinen Beitrag.

Zumindest weiß ich erstmal das ich auf meinem Design über die Option "erweiterte Einstellungen" Skripte einfügen muss, welche nur Text umfassen.

Leider weiß ich nicht wie ich ein Skript in die mittlere Box im Design Butterfly bekomme, da 5 Inhalte sich auf die rechte Box beziehen,1 über dem Design und 1 unter dem Design.
Ich besitze bereits 5 Bilder in der mittleren Box und würde die soweit gehend ändern das ich diese kleiner machen kann (wie das funktioniert weiß ich immerhin
Laughing) und wie schonmal beschrieben jene mit der Lightbox öffnen kann. Leider fehlt mir dazu das Wissen mit welchem Skript ich das bewerkstelligen kann, noch wie ich jenes in Verbindung mit den Bildern bringen muss. Wie schonmal erwähnt bin ich ein absoluter Laie in Sachen Java/ Homepageerstellung, dennoch wären mir eure Antworten wichtig.

Ich danke euch für eure Hilfe
Beitrag09.06.2011 um 14:25 (UTC)    
Titel:



Zuletzt bearbeitet von 6p-iceblue am 09.06.2011, 15:27, insgesamt einmal bearbeitet
Beitrag10.06.2011 um 08:03 (UTC)    
Titel:

Vielen Dank für den Link. Ist wirklich alles gut erklärt.
Beitrag28.10.2011 um 05:22 (UTC)    
Titel:

Hallo,

Ich habe mir die Thickbox ( http://iceblue-test.de.tl/externe-Galerie.htm ) mal eingerichtet, genau wie es laut der klasse beschriebenen Anleitung gemacht werden soll. Die Bilder erscheinen auch auf der Page, leider kann man sie dann aber nicht vergrössern. Klickt man sie an erscheint ein Pop up: Syntax error, unrecognized expression: [@rel=galerie]. Mache ich da jetzt was falsch oder stört was anderes im Code??

Gruss: Thomas
Beitrag28.10.2011 um 09:57 (UTC)    
Titel:

Hallo,

kannst du mal den Link zu deiner Thickbox posten?
Der Fehler deutet auf eine alte Version hin.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag29.10.2011 um 05:41 (UTC)    
Titel:

mhm, den link hatte ich zwar gepostet aber hier ist er nochmal: http://iceblue-test.de.tl/externe-Galerie.htm
Interesannterweise habe ich gemerkt dass sich diese Thickbox/externe Galerie mit diesem Bilderkarussell: http://philipp7.de.tl/Bilder_Karussell.htm stört. Trägt man beides wie beschrieben in "Text über dem Design" ein kommt bei mir dieser Syntax-Fehler. Jeweils alleine eingebaut funtsen beide Codes tadellos, nur eben gemeinsam nicht.

Ist halt schade, hätte gerne die Thickbox auf einigen Unterseiten und das Karussell in einer der rechten Boxen...

Gruss: Thomas
Beitrag29.10.2011 um 10:09 (UTC)    
Titel:

Schön, dass du das Bilder-Karussell von mir hast Wink
Mir ist das Problem mit der Inkompatibilität der unterschiedlichen jQuery-Bibliotheken.
Leider brauchen manche eine bestimmte und man kann nicht einfach die neuerste verwenden.

Du könntest mal probieren folgende Codezeile rauszulöschen (im Code der Thickbox):
Code:
<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>

Dann gehen entweder beide oder nur das Karussell.

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag29.10.2011 um 17:54 (UTC)    
Titel:

Hallo Philipp,

Danke für die schnelle Hilfe, werde Deinen Tipp mal probieren, wenn es nicht klappt, wird Dein Karussell wohl dran glauben müssen Laughing Denn die Thickbox ist für meine Seite wichtiger...

Gruss: Thomas
Beitrag29.11.2011 um 15:24 (UTC)    
Titel:

Ich habe das gleiche Pronlem, ich habe bei mir auch das Karussell eingebaut und meine thickbox geht nun auch nicht mehr. Ich hab auch schon den Code der Thickbox geändert, wie oben beschrieben. Aber es klappt immer noch nicht.


Zuletzt bearbeitet von spaetbremser1 am 29.11.2011, 16:32, insgesamt einmal bearbeitet
Beitrag29.11.2011 um 21:26 (UTC)    
Titel:

Hallo,

habt ihr beides auf einer Seite?
Wenn nicht könnt ihr einfach, den Teil von Philipps carousel, welchen ihr bei Text über dem Design eingefügt habt, auch auf der entsprechenden Seite einfügen. Gleiches gilt natürlich auch für die Thickbox, falls ihr es auch bei Text über dem Design eingefügt habt.

Dadurch sollte das Problem dann behoben sein.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag30.11.2011 um 05:59 (UTC)    
Titel:

Vielen Dank. Es funzt jetzt
Beitrag30.11.2011 um 07:18 (UTC)    
Titel:

Moin Moin. Ich hab jetzt auf meiner Testseite den Coinslider ausprobiert, funktioniert auch wunder bar, nur wie bekomm ich den mittig gesetzt?

http://ghost-riderz-hst.de.tl/test.htm


Zuletzt bearbeitet von ghost-riderz-hst am 30.11.2011, 08:20, insgesamt einmal bearbeitet
Beitrag30.11.2011 um 12:35 (UTC)    
Titel:

Hier mal der Code den ich eingegeben habe

<div><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://philipp7.bplaced.net/gal/coin-slider.min.js"></script>
<link rel="stylesheet" href="http://philipp7.bplaced.net/gal/coin-slider-styles.css" type="text/css" /> <script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --
$(document).ready(function(){
$('#coin-slider').coinslider({navigation:true, width: 500, height: 375, delay: 3000 });
});
// -- Ende verstecken -->
</script></div>
<div id="coin-slider"><img width="500" height="375" alt="" src="http://img.webme.com/pic/g/ghost-riderz-hst/dana.jpg" /><img width="500" height="375" src="http://img.webme.com/pic/g/ghost-riderz-hst/dana3.jpg" alt="" /><img width="500" height="375" src="http://img.webme.com/pic/g/ghost-riderz-hst/neumi.jpg" alt="" /><img width="500" height="375" src="http://img.webme.com/pic/g/ghost-riderz-hst/neumi1.jpg" alt="" /><br />
<img width="500" height="375" src="http://img.webme.com/pic/g/ghost-riderz-hst/dana1.jpg" alt="" /> <img width="500" height="375" src="http://img.webme.com/pic/g/ghost-riderz-hst/dana2.jpg" alt="" /></div>

Die Bilder werden auch nicht komplett angezeigt in der Slideshow, warum?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de