Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.02.2010 um 01:41 (UTC)    
Titel: bilder zoom auf page

hiho,

also ich versuche ein bild auf meiner page so zu verlinken so das wenn man draufklickt es sich nur auf original größe ausbreitet

also ich habe den link soweit das das bild auf meiner page klein angezeigt wird und dann extern groß angezeigt wird aber ich möchte hald das man nicht weitergeschikt wird sondern beim draufklicken sofort vergrößert

so als wenn man im internen bereich ein bild hochläd und dann ansieht mit dem abdunkeln des hintergrundes.

hier mal mein code

<a href="bildlink">
<img width="454" src="bildlink" alt=""/>
</a>


hab schon einiges hier ausm forum versucht aber war nie das richtige dabei
Beitrag17.02.2010 um 07:50 (UTC)    
Titel:

probier es mal damit:
schritt 1: aktiviere das extra "versteckte seiten"
schritt 2: ertstelle eine versteckte seite (also die nicht in der navigation angezeigt wird, nenn sie jetzt wie du willst, ich nehm mal als beispiel owais 94) Very Happy
schritt 3: erstelle eine unterseite für die versteckte seite (also unterseite von "owais 94"), die darf aber nicht versteckt sein...
schritt 4: füg das bild in die unterseite von owais 94 ein
schritt 5: füg diesen code vor deinem bild code ein
<a href="http://inpanicrocktflorensia.de.tl/HIERDIEUNTERSEITEEINFÜGEN">

und fertig! Rolling Eyes [/b][/code]
______________
ist dir gerade langweilig? dann spiel doch einfach kostenlose onlinespiele auf owais-94.de.tl und glaube mir, deine langeweile ist schon bald geschichte Very Happy
Beitrag17.02.2010 um 13:08 (UTC)    
Titel:

thx für antwort

das ist dann aber genau das gleiche wie vorher nur das es auf eine unterseite angezeigt wird was dann aber weil das bild 1024x 768 ist die ganze page in die breite wirft und das will ich ja vermeiden deshalb ja als zoom darstellen


im moment nutze ich ja das dierekte bilderverzeichnis der homepage, hatte gehofft das das gehn würde und dann genause wie im unterverzeichnis angezeigt wird aber wie immer denkste -.- kann man das nicht irgendwie direkt als zum verlinken. hatte mal was vom mousovertip oder so gelesen, das vom prinzip ja genauso, man geht mit dem curser drüber und es zoomt automatisch rann

aber das hatte leider nicht richtig funktioniert.

kann sonnst vieleicht noch jemand weiterhelfen


Zuletzt bearbeitet von inpanicrocktflorensia am 17.02.2010, 14:17, insgesamt einmal bearbeitet
Beitrag17.02.2010 um 13:22 (UTC)    
Titel:

du darfst schonmal das bild nicht als bmp hochladen. nimm png, gif oder jpeg.

lade das bild in klein und in gross hoch. nun geh auf eigene seiten bearbeiten. klicke in das bild, welches du als kleines auf deiner seite hast und oben im editor klickst du auf das kettensymbol. das wäre ein link. gib als link die url des grosen bildes ein. nun hast du noch die möglichkeit an zu weisen wie das bild geöffnet werden soll. dort kannst du target blank markieren. damit öffnet sich auf dem bild, wenn du rauf klickst, ein neues fenster mit dem grossen bild.

beim eingeben der url des grossen bildes, achte darauf das vorne das http:// stehen bleibt und dahinter die url dann ohne ist, sonst gehts nicht.

gruss gringo

ps: speichern nicht vergessen Wink
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 17.02.2010, 14:23, insgesamt einmal bearbeitet
Beitrag17.02.2010 um 13:53 (UTC)    
Titel:

hmkay

das werde ich denn gleich mal versuchen

aber warum ist bmp schlecht, von derauflösung und qualität ist es doch mit am besten?
Beitrag17.02.2010 um 14:46 (UTC)    
Titel:

ne hb da ales durchprobiert

es ist uch nicht anders als vorher

ich will ja nun mal kein neues tab wenn dann soll es wie nin pop up sein aber hald so das es sich nur vergrößert

mit diesem code gehts uch nicht obwohl es laut inet klappen soll
<a href="images/image-1.jpg" rel="lightbox-cats"><img src="images/image-1.jpg" width="60" height="60" alt="" /></a>

angeblich bsiert das auf einem java script, muss ich dann noch was beachten damit das über java startet bzw wie geht das überhaupt xD

so wie hier soll das bei mir auf der page aussehn

http://www.digitalia.be/software/slimbox2

kann mir jetzt vieleicht jemand helfen -.-
Beitrag17.02.2010 um 17:10 (UTC)    
Titel:

Code:
<img src="Bild1" border="0" onMouseOver="this.src="Bild2'" onMouseOut="this.src="Bild1'"/>



da wo Bild1 bzw. Bild 2 steht, musst du die Url des Bildes einfügen, Bild2 ist das mit dem Mouseover-Effekt.

der code könnte klappen.

trotzdem verzichte auf bmp, weil sich dann eventuell windows paint öffnet.

du kannst auch einfach die galerie anders umstellen. irgendwo bei galerie-einstellungen findest du die option das sich ein grösseres bild öffnet ohne die seite zu verlassen.

so wie bei mir

http://6p-iceblue.de.tl/Design_Galerie/kat-6.htm

Zitat:
Bei Anklicken der Vorschau-Bilder keine neue Seite laden


da setzt du einfach den haken und speicherst.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 17.02.2010, 18:26, insgesamt 3-mal bearbeitet
Beitrag17.02.2010 um 17:37 (UTC)    
Titel:

schade das geht auch nicht -.-

also das hier ist die Funktion die ich meine wo man in der galerie das häckchen machen muss

Bei Anklicken der Vorschau-Bilder keine neue Seite laden
(ist sehr hübsch, aber Achtung: kein Bilder-Voting und keine Kommentare sind möglich)


und in dem code muss dann das noch vorhanden sein

<img width="458" src="bildlink" alt=""/>
</a>

damit ich dann das bild auf der page klein anzeigen kann und erst beim draufklicken die vergrößerung erscheint
Beitrag20.02.2010 um 11:34 (UTC)    
Titel:

Hab die Antwort, hier für alle fals noch jemand danach sucht

Thick Box - dieses script muss als erstes eingefügt werden

<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript" src="http://img.webme.com/designs/globals/thickbox.js"></script>
<link rel="stylesheet" href="http://img.webme.com/designs/globals/thickbox.css" type="text/css" media="screen" />

dies kann man dann beliebig oft einfügen um bilder reinzustellen

<a href="BILD-URL" class="thickbox"><img width="490" src="BILD-URL" border="0" /></a>


bild breite in der normalen ansicht

Bilderlink
Beiträge der letzten Zeit anzeigen:   


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