Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Ruby (http://www.forosdelweb.com/f105/)
-   -   Tabla de 3x3 (http://www.forosdelweb.com/f105/tabla-3x3-532284/)

david1981 11/11/2007 10:12

Tabla de 3x3
 
Hola amigos,

Tengo un problema a la hora de que el ruby me haga una tabla de 3x3 para q me muestre las 9 ultimas fotos insertadas.

El codigo del list es el siguiente:

Cita:

<% for profile in @profiles %>
<tr valign="top" class="<%= cycle('list-line-odd', 'list-line-even') %>" >
<td>
<img class="list-image" src="<%= profile.image_url %>" />
</td>
<% end %>
Se que tendria que hacer un for que vaya recorriendo las pictures y cuando llegue a 3 canviar de fila, he intentado lo siguiente pero no va:
Cita:

n = 1
<table cellpadding="5" cellspacing="0" >
<tr valign="top" class="<%= cycle('list-line-odd', 'list-line-even') %>" >
<% for profile in @profiles %>
<!-- <tr valign="top" class="<%= cycle('list-line-odd', 'list-line-even') %>" > -->
<% if (n < 3) %>
<td> <img class="list-image" src="<%= profile.image_url %>" /> </td>
<% else %>
</tr> <tr valign="top" class="<%= cycle('list-line-odd', 'list-line-even') %>" >
<td> <img class="list-image" src="<%= profile.image_url %>" /> </td>
<% end %>
<% end %>
A ver si alguien me pueder guiar, ya se q es lo basico pero toy un poco perdido

roschereric 02/01/2008 21:26

Re: Tabla de 3x3
 
Buenas!

Lidiando con un problemilla de lógica? a todos nos ha pasado!
Espero que te sirva de ayuda:

Código HTML:

<table cellpadding="5" cellspacing="0" >
<%
images_in_row = 0
@profiles.each do |profile|
    if (images_in_row == 0)
%>
  <tr valign="top" class="<%= cycle('list-line-odd', 'list-line-even') %>">
<%
    end %>

        <td><img class="list-image" alt="<%= profile.user_name %>" src="<%= profile.image_url %>" /></td>
<%  images_in_row = images_in_row + 1
    if (images_in_row == 3)
%>
  </tr>
<%    images_in_row = 0
    end
end
%>
</table>

saludos! :-D


La zona horaria es GMT -6. Ahora son las 20:46.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.