ASP.NET - galeria de imagenes

   
Vista:

galeria de imagenes

Publicado por Hector soportetecnico@proapoyo.com (1 intervención) el 05/12/2013 01:02:01
Buenas Tardes tengo una duda no tengo la menor idea de como se aga una galeria de imagenes para una pagina web no se si les a tocado que cuando entran a una web ven la pagina principal y van corriendo unas fotos a cierto tiempo en la pagina como esta pagina les dejo el link para que me entiendan mas o menos lo que quiero hacer

http://www.libertad.com.mx

si se dan cuenta esas imagenes se mueven a cierto tiempo lo quiero hacer para mi pagina web que tengo realizo en asp.net

espero haberme explicado bien y ojala me puedan ayudar
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

galeria de imagenes

Publicado por Khristian (335 intervenciones) el 09/01/2014 14:08:44
Puedes revisar el codigo fuente de la pagina tambien.

Tambien hay un control Rotator.

O usar un timer....

etc


------------------------------


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div class="contentRotator">
 
 
        <div style="position:relative;width:1024px;">
            <div id="rotate450" class="container" style="z-index: 1; width: 1024px; height: 312px; display: block; position: relative;">
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: none; z-index: 6; opacity: 0;">
                                    <a href="http://www.libertad.com.mx/GanadoresBuenFin.aspx"><img alt="" src="/Portals/0/Promociones/Banner-WEB-BF.png"></a>
                                </div>
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: none; z-index: 6; opacity: 0;">
                                    <a href="http://www.libertad.com.mx/Liberplazo.aspx"><img alt="" src="/Portals/0/Banners/LiberplazoEnero2014.jpg"></a>
                                </div>
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: none; z-index: 6; opacity: 0;">
                                    <a href="http://www.libertad.com.mx/Crediclásico.aspx"><img alt="" src="/Portals/0/Banners/CrediClasico120Enero2014.jpg"></a>
                                </div>
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: none; z-index: 6; opacity: 0;">
                                    <a href="http://www.libertad.com.mx/TuOpinionDG.aspx"><img alt="" src="/Portals/0/Carrusel/CDGbanner.jpg"></a>
                                </div>
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: block; z-index: 7; opacity: 1;">
                                    <a href="http://www.libertad.com.mx/Inicio/RequisitosCambiodeAcciones.aspx" target="_self"><img alt="" src="/Portals/0/Carrusel/Canje%20acciones_web.jpg" style="width: 1026px; height: 312px;"></a>
                                </div>
 
                                <div class="item" style="width: 1024px; height: 312px; position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
                                    <a href="http://www.libertad.com.mx/Presencia/Sucursales.aspx" target="_self"><img alt="" src="/Portals/0/Carrusel/mapa-libertad.jpg"></a>
                                </div>
 
            </div>
 
            <div style="z-index:2;position:relative;top:-24px;width:1024px;height:20px;">
                <div style="height:20px;"></div>
                <table style="position:absolute;top:0px;left:407px;text-align:center;" cellpadding="0" cellspacing="0">
                    <tbody><tr align="center">
                        <td style="width:43px;"><div class="prevButton prev prev450"></div></td>
                        <td style="text-align:center;">
                            <div class="nav cs_cr_nav450" style="margin-top:0px;"><a href="#" class="cs_cr_navigation">&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#" class="cs_cr_navigation">&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#" class="cs_cr_navigation">&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#" class="cs_cr_navigation">&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#" class="cs_cr_navigation activeSlide">&nbsp;&nbsp;&nbsp;&nbsp;</a><a href="#" class="cs_cr_navigation">&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
                        </td>
                        <td style="width:41px;"><div class="nextButton next next450"></div></td>
                    </tr>
                </tbody></table>
                </div>
 
        </div>
 
    <script type="text/javascript">
        (function() {
            jQueryCS(document).ready(function() {
                var options450 = {
                    moduleId: 450,
                    effect: 'fade',
                    speed:1100,
                    timeout:  6000,
                    items: [{'Id':41,'ModuleId':450,'OrderIndex':0,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/GanadoresBuenFin.aspx&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Promociones/Banner-WEB-BF.png&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0},{'Id':42,'ModuleId':450,'OrderIndex':1,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/Liberplazo.aspx&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Banners/LiberplazoEnero2014.jpg&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0},{'Id':26,'ModuleId':450,'OrderIndex':6,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/Credicl&amp;aacute;sico.aspx&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Banners/CrediClasico120Enero2014.jpg&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0},{'Id':40,'ModuleId':450,'OrderIndex':17,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/TuOpinionDG.aspx&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Carrusel/CDGbanner.jpg&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0},{'Id':1,'ModuleId':450,'OrderIndex':21,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/Inicio/RequisitosCambiodeAcciones.aspx&quot; target=&quot;_self&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Carrusel/Canje%20acciones_web.jpg&quot; style=&quot;width: 1026px; height: 312px;&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0},{'Id':3,'ModuleId':450,'OrderIndex':23,'Content':'&lt;a href=&quot;http://www.libertad.com.mx/Presencia/Sucursales.aspx&quot; target=&quot;_self&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;/Portals/0/Carrusel/mapa-libertad.jpg&quot; /&gt;&lt;/a&gt;','Title':'','Mode':0}],
                    isClick : false
                };
                rotateContent(2, options450);
            });
        })();
    </script>
</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar