Foros del Web » Programando para Internet » Javascript »

problema con div del mismo tamaño

Estas en el tema de problema con div del mismo tamaño en el foro de Javascript en Foros del Web. buenas tardes actualmente trabajo con un slider y trato que los div que corresponden a los bullets me queden de igual tamaño sin importar su ...
  #1 (permalink)  
Antiguo 28/01/2013, 13:57
 
Fecha de Ingreso: agosto-2012
Mensajes: 54
Antigüedad: 11 años, 8 meses
Puntos: 1
problema con div del mismo tamaño

buenas tardes actualmente trabajo con un slider y trato que los div que corresponden a los bullets me queden de igual tamaño sin importar su contenido e tratado de multiples formas pero no me da el resultado deseado

dejo parte del código por si me pueden ayudar

Bullet = $('<menu></menu>').css({borde:'none', padding:'0'});
figure.after(Bullet);
for(var i = 0; i < kids.length; i++){
var child = kids.eq(i);
if(!child.is('img')){
child = child.find('img:first');
}

if(child.attr('src'))Bullet.append('<aside><articl e><a rel="'+ i +'"><img src="'+ child.attr('src') +'" alt=""></a></article></aside>');
}
// mostrar el bullet activo
$('a:eq('+ defaults.slider +')', Bullet).addClass('active');
$('a', Bullet).bind('click', function(){
if(defaults.running) return false;
if($(this).hasClass('active')) return false;
clearInterval(timer);
timer = '';
img.attr('src', defaults.heir.attr('src'));
defaults.slider = $(this).attr('rel') - 1;
start(figure, kids, settings);
});
  #2 (permalink)  
Antiguo 28/01/2013, 15:09
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 15 años, 9 meses
Puntos: 103
Respuesta: problema con div del mismo tamaño

hola!

primero que nada, esto
Bullet = $('<menu></menu>').css({borde:'none', padding:'0'});
no es asi, es asi
Bullet = $('menu').css({borde:'none', padding:'0'});

segundo, referencias a variables como, figure, defaults, kids, start y settings que no estan definidos en el codigo que presentas

un saludo
  #3 (permalink)  
Antiguo 28/01/2013, 16:24
 
Fecha de Ingreso: agosto-2012
Mensajes: 54
Antigüedad: 11 años, 8 meses
Puntos: 1
Respuesta: problema con div del mismo tamaño

como estas agradezco tu respuesta pero la realidad es otra el $('<menu></menu>'). hace referencia al contenedor que alojara los bullets y para tal uso los tags de HTML

pero aun asi muestro mayor información haber si me captas mejor aun

(function($){

var Slider = function(tags, options){
var settings = $.extend({}, $.fn.Binusy.default, options);
var defaults = {
slider: 0,
heir: '',
count: 0,
running: false,
paused: false,
stop: false
};
var figure = $(tags);


var img = $('<img src="#">').css({borde:'none', margin:'0',padding:'0'});
img.attr('src', defaults.heir.attr('src')).show();
figure.append(img);


// contenedor y bullets con su correspondiente texto informativo
Bullet = $('<menu></menu>').css({borde:'none', padding:'0'});
figure.after(Bullet);
for(var i = 0; i < kids.length; i++){
var child = kids.eq(i);
if(!child.is('img')){
child = child.find('img:first');
}

if(child.attr('src'))Bullet.append('<aside><articl e><a rel="'+ i +'"><img src="'+ child.attr('src') +'" alt=""></a></article></aside>');
}
// mostrar el bullet activo
$('a:eq('+ defaults.slider +')', Bullet).addClass('active');
$('a', Bullet).bind('click', function(){
if(defaults.running) return false;
if($(this).hasClass('active')) return false;
clearInterval(timer);
timer = '';
img.attr('src', defaults.heir.attr('src'));
defaults.slider = $(this).attr('rel') - 1;
start(figure, kids, settings);
});

}

$.fn.Binusy.default = {
begin: 0,
prev: 'Prev',
next: 'Next',
};

en si esto seria tan solo una pequeña parte del plugin como verán esta dentro de un método constructor extendido

espero puedas entender este desorde un poco, gracias de antemano
  #4 (permalink)  
Antiguo 30/01/2013, 08:47
 
Fecha de Ingreso: agosto-2012
Mensajes: 54
Antigüedad: 11 años, 8 meses
Puntos: 1
Respuesta: problema con div del mismo tamaño

como están todos aun sigo tratando de igualar las columnas del bullet cree una función pero no entiendo porque no me muestra los bullets

function Height() {
var equa = 0;
bullet.each(function() {
var he = $(this).height();
if(he > equa) {
equa = he;


Bullet = $('<menu style="text-align: center;padding: 20px 0"></menu>');
figure.after(Bullet);
for(var i = 0; i < kids.length; i++){
var child = kids.eq(i);
if(!child.is('img')){
child = child.find('img:first');
}
}
if(child.attr('lowsrc'))Bullet.append('<a style="display:inline-block;max-width:100%;" rel="'+ i +'"><img style="cursor:pointer;max-width:98%;margin:15% 1% 1% 1%;" src="'+ child.attr('lowsrc') +'" alt=""></a>');
}
});
bullet.height(equa);

// mostrar el bullet activo
$('a:eq('+ defaults.slider +')', Bullet).addClass('active');
$('a', Bullet).bind('click', function(){
if(defaults.running) return false;
if($(this).hasClass('active')) return false;
clearInterval(timer);
timer = '';
img.attr('src', defaults.heir.attr('src'));
defaults.slider = $(this).attr('rel') - 1;
start(figure, kids, settings);
});
}
Height($("article"));

Etiquetas: tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:24.