SharePointCommunity
Die deutschsprachige Community für SharePoint, Microsoft 365, Teams, Yammer und mit Azure

Sponsored by

Willkommen im Forum Archiv.
Einträge sind hier nicht mehr möglich, aber der Bestand von 12 Jahren SharePoint-Wissen ist hier recherchierbar.




Bilder auf einer Website anzeigen und blättern

Unbeantwortet Dieser Beitrag hat 1 Antworten

Ohne Rang
349 Beiträge
Manfred K. erstellt 15 Mai 2012 10:03
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Hallo,

ich möchte auf meiner Seite eine Bildergalerie basteln. So dass auf der Seite Bilder (nur Bild ohne Namen, Beschreibung,...) aus der Bildbibliothek angezeigt werden und dann per Klick auf irgendein Bild geht kleines Fenster mit dem angeklickten Bild auf (in z.B. Originalgröße) und dann kann man in dem gleichen Fenster die Bilder blättern.

so wie z.B. da: http://www.datafox.de/bilderbibliothek-veranstaltungen.html nur wenn ich ein bild anklicke, dann erscheint das angeklickte Bild und man kann auch da Bilder blättern.

Hat's jemand schon gemacht? Bzw. gibt's eine Lösung dafür? Oder eine Vorgehensweise???

Danke!

Alle Antworten

Ohne Rang
349 Beiträge
Manfred K. Als Antwort am 18 Mai 2012 16:17
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Ich habe auf meiner Seite nun ein Inhaltsabfragewebpart eingefügt (Abfrage=meine Bilderbibliothek) und möchte die weiter mit ItemStyle.aspx bearbeiten.

Die Bilder werden aber eins in jeder Zeile angezeigt.

Bild1

Bild2

Bild3

Wie kann ich die aber so darstellen:

Bild1 Bild2 Bild3

Bild4 Bild5 ....

Mein Code:

 <xsl:template name="Bildergalerie" match="Row[@Style='Bildergalerie']" mode="itemstyle">
        <xsl:variable name="SafeLinkUrl">
            <xsl:call-template name="OuterTemplate.GetSafeLink">
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="SafeImageUrl">
            <xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
                <xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
            </xsl:call-template>
        </xsl:variable>        
        
        <div class="item" style="vertical-align:super">
            <xsl:if test="string-length($SafeImageUrl) != 0">
                <div class="image-area-left">
                    <a href="{$SafeLinkUrl}">
                      <xsl:if test="$ItemsHaveStreams = 'True'">
                        <xsl:attribute name="onclick">
                          <xsl:value-of select="@OnClickForWebRendering"/>
                        </xsl:attribute>
                      </xsl:if>
                      <xsl:if test="$ItemsHaveStreams != 'True' and @OpenInNewWindow = 'True'">
                        <xsl:attribute name="onclick">
                          <xsl:value-of disable-output-escaping="yes" select="$OnClickTargetAttribute"/>
                        </xsl:attribute>
                      </xsl:if>
                      <img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
                        <xsl:if test="$ImageWidth != ''">
                          <xsl:attribute name="width">
                            <xsl:value-of select="$ImageWidth" />
                          </xsl:attribute>
                        </xsl:if>
                        <xsl:if test="$ImageHeight != ''">
                          <xsl:attribute name="height">
                            <xsl:value-of select="$ImageHeight" />
                          </xsl:attribute>
                        </xsl:if>
                      </img>
                    </a>
                </div>
            </xsl:if>
        </div>
    </xsl:template>

Danke im Voraus!

CC BY-NC-ND - Michael Greth
Powered by Evocom Productivity