Hallo Leute,
ich bin komplett neu, sowohl hier im Forum als auch als Typo3ler.
Zu Anfang habe ich gleich mal ein Problem.
Ich habe die 215-Seiten-Dokumentation von Mittwald zum Einstieg durchgearbeitet, und bin nun dabei ein kleines Webprojekt in Typo3 umzusetzen.
Es stehen schon ein paar sachen. Die Templates sind gebaut und zugewiesen.
Mit der Textausgabe mit tt_content klappt alles bestens.
Nun habe ich auf meinem Template noch 4 Div-Boxen mit jeweils einem Marker
(###Pic1### - ###Pic4###)
Ich habe schon ne Weile gesucht, aber keinen TS Code gefunden um die Marker anzusprechen in die die Bilder sollen, so dass ein potenzieller Redakteur die Bilder auch austauschen kann. (soll total simpel sein)
Für ne Lösung oder Tipps wär ich sehr dankbar.
Liebe Grüße
Incubali
Hallo und willkommen im Forum,
du kannst zB das Bild in den Seiteneigenschaften (typ erweitert) hochladen und dann im TS
page.10.marks.Pic1 = IMAGE
page.10.marks.Pic1 {
file.maxH = 200
file.maxW = 760
file.import=uploads/media/
file.import.data = levelmedia: -1,slide
file.import.listNum = 0
file.import.override.field = media
titleText = ....
altText = ....
}
page.10.marks.Pic2 < page.10.marks.Pic1
page.10.marks.Pic2.file.import.listNum = 1
...
georg
hab ich jetzt mal probiert ... klappt aber irgendwie nicht so.
ist es nicht möglich so einfach wie mit der textausgabe
text2 = CONTENT
text2 {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
auch die Bilder als Seiteninhalt in der Spalte normal (in der sich ja auch schon text befindet) einzufügen?
der leichtere weg wäre auf jedenfall der, den ich aufgezeigt habe.
mein code funktioniert, warum bei dir nicht kann ich dir nicht sagen, wie denn auch, du postest ja nichts von deinem TS
georg
so ich hab mirs nochmal genau angeschaut... und es klappt jetzt.
vielen dank schonmal! 😃
wie ist es mir denn nun möglich diese hochgeladenen bilder zu verlinken?
zB mit einem popup zu belegen?
liebe grüße
Hallo,
😉
popup müsste zB gehen mit imageLinkWrap
georg
kannst du mir da noch weiter helfen?
alles was ich nun unter dem begriff "imageLinkWrap" finde verwirrt mich.
ich habe nun meine 3 bilder auf deine vorgeschlagene weise eingefügt
#
page.10.marks.Pic1 = IMAGE
#
page.10.marks.Pic1 {
#
file.maxH = 200
#
file.maxW = 760
#
file.import=uploads/media/
#
file.import.data = levelmedia: -1,slide
#
file.import.listNum = 0
#
file.import.override.field = media
#
titleText = ....
#
altText = ....
#
}
#
#
#
page.10.marks.Pic2 < page.10.marks.Pic1
#
page.10.marks.Pic2.file.import.listNum = 1
nun möchte ich bei klick auf das bild ein popup öffnen lassen in dem man das bild größer betrachten kann.
ich werde mal noch weiter schauen ob ich etwas finde... weiss aber im moment echt noch nicht wie ich das mit typo3 machen soll 🙁
vielleicht hast du ja nochmal so ein guten tip ;D
ja, war ja auch nur der 1. treffer bei google...
page.10.marks.Pic1 {
.....
....
imageLinkWrap = 1
imageLinkWrap {
enable = 1
bodyTag = <body bgColor="#ffffff">
wrap = <a href="javascript:close();"> | </a>
width = 500m
height = 500
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 17,20
}
}
georg
sorry wenn ich mich etwas blöd anstelle und so zeug frag ...
aber ich bin echt grad etwas verwirrt... ist aber wohl am anfang so?!
so ... soweit so gut ;D
popup öffnet sich. inhalt ist allerdings genau das gleiche bild.
wie kann ich dort ein anderes bild anzeigen?
ich möchte 2 bilder verwenden. das kleine das als link fungiert und ein großes.
ich möchte da nichts mit ner automatischen skalierung oder so
incubali schrieb
nun möchte ich bei klick auf das bild ein popup öffnen lassen in dem man das bild größer betrachten kann.
deine meinung wechselt aber ziemlich schnell....
anderes bild geht nicht mit der Standard-API
georg
das bildmotiv ist das gleiche ... es sind nur 2 verschieden abgespeicherte bilder
vielleicht sonst noch ein tip wie ein "anderes" bild in das popup laden kann?
Also, wenn du nur eine vergrößerte Version haben willst ist doch ganz simpel.
Wir nehmen mal an das Bild hat eine Originalgröße von 500px x 500px. (das ist die große Version)
Nun willst du aber auf deiner Webseite eine verkleinerte Version zeigen, zum Beispiel soll das Bild auf der Webseite nur 250px x 250px haben. Also setzt du:
PIC = IMAGE
PIC {
titleText = ....
altText = ....
file {
maxH = 250
maxW = 250
import = uploads/media/
import {
data = levelmedia: -1,slide
listNum = 0
override.field = media
}
}
imageLinkWrap = 1
imageLinkWrap {
enable = 1
bodyTag = <body bgColor="#ffffff">
wrap = <a href="javascript:close();"> | </a>
width = 500
height = 500
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 17,20
}
}
Dann wird dir auf der Webseite durch maxH und maxW, nur 250 x 250 angezeigt und das neue Fenster zeigt dir die Originalgröße an.
... das ist mir schon klar.
ich will aber nicht das gleiche bild verwenden. sondern im popup ein anderes bild.
incubali schriebdas bildmotiv ist das gleiche ...
Dann ist es doch dasselbe Bild... Warum mach ich mir nur die Mühe? #paralyzed#
gut...
wäre es dann möglich, auf das GLEICHE bild in der runtergerechneten ansicht eine art lupe als overlay über das bild zu legen um die popup/link-funktion zu veranschaulichen?
Sicher geht das...
Du brauchst nur ne png- oder Gif-Lupe über das Bild legen und absolute positionieren: (Hab die Styles direkt reingeschrieben - popup.gif ist die Lupe) (mit margin und padding an die passende Stelle verschieben.
PIC = COA
PIC {
wrap = <div><div style="width:8px; height:8px; position:absolute;"><img src="fileadmin/index/pic/popup.gif"></div>|</div>
10 = IMAGE
10 {
titleText = get Thunderbird mail-Client
altText = get Thunderbird
file {
maxH = 50
maxW = 50
import = uploads/media/
import {
data = levelmedia: -1,slide
listNum = 0
override.field = media
}
}
imageLinkWrap = 1
imageLinkWrap {
enable = 1
bodyTag = <body bgColor="#ffffff">
wrap = <a href="javascript:close();"> | </a>
width = 500
height = 500
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 17,20
}
}
}
}