<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MyWebSite.WebForm1"
 MasterPageFile="~/Prodotti.Master" %>
 
<asp:Content ContentPlaceHolderID="_name" ID="nome" runat="server">
 <asp:Label runat="server" ID="_lblFotografi1" Font-Size="Small" Text="Text1" ForeColor="White"
 Font-Names="Arial" /></asp:Content>
 <asp:Content ContentPlaceHolderID="_size" ID="Content1" runat="server">
 <asp:Label runat="server" ID="Label1" Font-Size="Small" Text="Text2" ForeColor="White"
 Font-Names="Arial" /></asp:Content>
 <asp:Content ContentPlaceHolderID="_price" ID="Content2" runat="server">
 <asp:Label runat="server" ID="Label2" Font-Size="Small" Text="Text3" ForeColor="White"
 Font-Names="Arial" />
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="_photoContent" runat="server">
 <table cellpadding="0" cellspacing="0" width="100%" style="height: 580px">
 <tr>
 <td valign="bottom">
 <%--Slideshow Con bottone--%>
 <script type="text/javascript">
// Creo un'array con le varie immagini da mostrare.

 slideshow = Array();
 slideshow[0] = "/Images/Products/Img1_MF_resize.jpg"
 slideshow[1] = "/Images/Products/Img2_MF_resize.jpg"
 slideshow[2] = "/Images/Products/Img3_MF_resize.jpg"
 
// definisco una variabile che userò come contatore
 var i = 0;
 
// definisco la funzione che gestisce la sequenza delle immagini
 function sfoglia() {
 // utilizzo l'operatore ternario per fare una verifica
 // ed aggiornare il valore del contatore
 i = ((i < (slideshow.length - 1)) ? i + 1 : 0);
 
// cambio dinamicamente l'attributo "src" dell'immagine mostrata
 document.slideshowimg .src = slideshow[i];
 }
 document.write('<img src="' + slideshow[0] + '" name="slideshowImg"><br/>');
 document.write('<input type="image" src="/Images/next.jpg" onClick="sfoglia()">');
 </script>
 <%--Fine Slideshow Con bottone--%>
 </td>
 </tr>
 </table>
 </asp:Content>