Nueva Ventana de datos Faber Castell!!

[jfz62]

 Después de varios días de duras luchas con los  de los  ´s (por eso no se me veia mucho el pelo por aquí  ) ya esta implementada en la pagina indice ( ) y en la  de cada modelo de Faber Castell () una "nueva versión" de la ventana de datos en la que aparecen datos de dimensiones y peso de cada modelo:



 Por ahora solo estarán completos los que estoy "refotografiando", en los demás se avisa de que están en preparación...

 La ventana esta probada con éxito (con el tamaño "autoajustable" al contenido) en Firefox y los IE9 y 10,  el Chrome de SanGoogle, como no podía ser menos, no sigue los estandares de Firefox e IE y aun no he encontrado la forma de que funcione el "auojustado, por lo que hasta que no encuentre la solución si el programa detecta que esta corriendo en Chome lo abre a un tamaño fijo (he estado a punto de poner una tontería al respecto en la ventana pero me he reprimido.... ).


 Echarles un vistazo y ya me comentareis los mas que probables problemas que detectéis (ya no digo mejoras porque me temo el aluvión... ).


  Modernizados Saludos

[Victory2K]

Bueno pués... Aún me sorprendo de sorprenderme !!! 

Sí que es un gran avance en la información sobre las reglas !!!  Felicitaciones !!!  La verdad que toda esa información + las ultrasuperduper fotos, hará palidecer de vergüenza todos los sitios de referencia de reglas... 

Sólo algunas reflexiones antes que sea tarde... (Siempre me toca a mi. Pero es mi deber...)

- El gráfico de las dimensiones de la regla (fantástica idea), no hace justicia al resto de la información. Siendo que la enorme mayoría de los RC-ófilos somos Tec-nófilos, el dibujo de las acotaciones nos hace un "ruido" muy fuerte en el cerebro, y le resta en seriedad. Hagamos un gráfico en perspectiva con las cotas en perspectiva también... o Hagamos un gráfico ortogonal con las cotas. Veo las dificultades... Pero estoy seguro que vale la pena.
- Aproveche la renovación de todo para Aclarar el famoso tema del conteo de escalas... Guste o no, el conteo de escalas es un índice (o una métrica, para ser más moderno) que es básica y elocuente. Creo que nadie en el mundo cuenta la escala de senos y cosenos como 2 escalas distintas.
- Ver si queda colgada alguna info adicional importante que valga la pena agregar. Por ejemplo un dato importante puede ser si las escalas trigonométricas son Centesimales o Sexagesimales... Creo que el Sitio de Guillermo IDCCC.com.ar tenía una tabla bien completa que puede ayudar.

Tengo un amigo que suele decir "En busca de las perfecciones perdidas"... Es un camino asintótico... lamentablemente.

SuperFelicitatorios Saludos

PD. Y si... cuando no anda por el foro 2 o 3 días... ya todos nos preguntamos ¿En qué mejoras andará?!!!

[gma]

Hola Jorge

  ¡FANTASTICO! 

Controlado con un smartphone, el ventanuco se ajusta a la pantallita

A mi no me molesta la representación de las cotas (lo siento Victory!) ¡menudo trabajo si hubiera que cambiar el esquema! , se comprenden las cotas lo único que falta es indicar que son milimetros...

Buen detalle poner el color de la escala en el ventanuco de las caracteristicas

Solo me queda contratarte para que me arregles el 'photocalcul' 

felicitaciones_saludos

Gonzalo

[roger]

Hola Jefe, en primer lugar vaya mi enhorabuena por el trabajo realizado.

Y, aunque a mí me pasa un poco lo que dice Victory2k, estoy de acuerdo con Gonzalo en que el cambio sería demasiado trabajo añadido.

En cualquier caso yo sí haría una pequeña modificación (o más bien se trata de un añadido). Resulta que, si lo he entendido bien, la anchura total de la regla son 38 mm y la anchura de la reglilla son 16.8 mm, pero de aquí no es posible deducir las anchuras de la parte superior e inferior del cuerpo de la regla, salvo que fuesen iguales, en cuyo caso sería (38-16,8)/2 = 10.6 mm cada una, pero hay reglas en las que la parte superior e inferior no tienen la misma anchura, por lo que en mi modesta opinión habría que incluir estas cotas.

Obviamente la suma de las tres cotas (parte superior + parte inferior + reglilla) deberá ser igual a la anchura total de la regla.

Bueno es por arrimarse un poco más a la asíntota de la perfección perdida (aunque yo creo que es más bien la perfección encontrada).

Un abrazo.

[jfz62]

- El gráfico de las dimensiones de la regla (fantástica idea), no hace justicia al resto de la información. Siendo que la enorme mayoría de los RC-ófilos somos Tec-nófilos, el dibujo de las acotaciones nos hace un "ruido" muy fuerte en el cerebro, y le resta en seriedad. Hagamos un gráfico en perspectiva con las cotas en perspectiva también... o Hagamos un gráfico ortogonal con las cotas. Veo las dificultades... Pero estoy seguro que vale la pena.

   Ok!, mas que nada el gráfico era una prueba, fue lo primero que se me ocurrió:  hacer una foto a una regla de 5", darle efecto dibujo y poner las cotas, lo importante era vez si era capaz de crear el código para meter los datos.

   Servidor es/era electrónico, no delineante ni "grafista"...   ,  acepto de buen grado colaboraciones al respecto (algún ejemplo, imagen, etc...)

Y, aunque a mí me pasa un poco lo que dice Victory2k, estoy de acuerdo con Gonzalo en que el cambio sería demasiado trabajo añadido.

   No, al contrario, ahora que sé como funciona no es difícil adaptar cualquier imagen, lo comentado, acepto gustosamente colaboraciones al respecto  (idealmente gráficos rectangulares)

A mi no me molesta la representación de las cotas (lo siento Victory!) ¡menudo trabajo si hubiera que cambiar el esquema! , se comprenden las cotas lo único que falta es indicar que son milimetros...

 Si acercas el cursor a cualquier cota veras que cambia el icono de la flecha por un "?" y se abre un texto explicativo de la medida en cuestión.

En cualquier caso yo sí haría una pequeña modificación (o más bien se trata de un añadido). Resulta que, si lo he entendido bien, la anchura total de la regla son 38 mm y la anchura de la reglilla son 16.8 mm, pero de aquí no es posible deducir las anchuras de la parte superior e inferior del cuerpo de la regla, salvo que fuesen iguales, en cuyo caso sería (38-16,8)/2 = 10.6 mm cada una, pero hay reglas en las que la parte superior e inferior no tienen la misma anchura, por lo que en mi modesta opinión habría que incluir estas cotas.

  Bufa!! Eso en otra vida si seria posible... , ya bastante "juerga" tengo con el pie de rey (uno de esos digitales made in chinolandia), tengo que hacer una "media mental" en cada medida, ya que cada vez marca lo que le da la gana...   (por ahora estoy haciendo los modelos de madera, y estan no ayudan mucho por las dilataciones, desgastes, etc...).

 En serio, ya es un trabajo hercúleo el hacer esto en cada regla, y no hay tantos modelos "asimetricos"...


 

- Aproveche la renovación de todo para Aclarar el famoso tema del conteo de escalas... Guste o no, el conteo de escalas es un índice (o una métrica, para ser más moderno) que es básica y elocuente. Creo que nadie en el mundo cuenta la escala de senos y cosenos como 2 escalas distintas.

    Eso si que lo tengo claro: si hay marcas especificas de una escala a lo largo de la regla (en el ejemplo de los senos/cosenos las marcadas generalmente en rojo) aunque este compartiendo el mismo espacio, para mi son escalas distintas.


 

- Ver si queda colgada alguna info adicional importante que valga la pena agregar. Por ejemplo un dato importante puede ser si las escalas trigonométricas son Centesimales o Sexagesimales... Creo que el Sitio de Guillermo IDCCC.com.ar tenía una tabla bien completa que puede ayudar.

  Solo hay tres o cuatro modelos con trigonométricas centesimales, y están bien marcados y localizados o en su caso especificados, no creo que valga la pena complicarse tanto la vida...


  EnFaenaDos Saludos

  PD. Aunque voy retrasado con mis planes "refotografiadores",  ahora que estoy "caliente" con el tema estoy preparando otra "virgueria", sigan atentos a sus pantallas!!

 

[gma]

Si acercas el cursor a cualquier cota veras que cambia el icono de la flecha por un "?" y se abre un texto explicativo de la medida en cuestión

¡no habia ido tan lejos! 

Jefe, cada vez mas profesional 

[Teruteru314]

JeFaZo, me puedes mandar por mail la imagen "efecto dibujo" de la regla, SIN las líneas de cota?

A ver si te puedo generar una imagen un poco más entendible ... también opino parecido a V2k con respecto a esas cotas.

[Victory2K]

Ahjajaja... Estaba entrando justo para hacer la misma oferta que TeruTeru, cuando llegó la notificación de su mensaje por mail... Bueno, sigue en pie si Álvaro anda falto de tiempo ....

Agrego: Viendo el dibujo, acotar el alto del cursor va a traer muchos inconvenientes, porque al estar en medio de la regla hay que llevar líneas largas hasta el extremo...
Yo sugeriría descartar directamente esa dimensión, que es la que menos aporta ya que lo importante es el ancho de la regla (aún para pensar en cursores sustitutos)

Jefazo, aclare porfa si hay restricciones a la ubicación de los números de las cotas....

Sobre los senos y cosenos... Está muy bien aclararlo en el detalle de las escalas. Pero no cuando hacemos "conteos" de escalas, porque es muy distorsivo. Debe quedar claro que son etiquetas adicionales en la misma escala... Yo le pondría S/Cos o similar. Así quedaría claro que es una escala con 2 juegos de etiquetas...

Otra Virguería ?   OMG !!!!  Hay más expectativa que por ver lo nuevo que va a sacar Samsung o Apple !

[roger]

Además en cualquier escala de senos, se pueden leer también los cosenos, aunque no exista la dichosa etiqueta.

Otra cosa; Jefe hace usted muy bien en avisarnos de lo por venir, porque uno ya no sabe que esperar. ¿Fotos en 3D?

Solo cabe agradecerte tanto esfuerzo para el disfrute colectivo.

Pues eso.

[Victory2K]

Solo cabe agradecerte tanto esfuerzo para el disfrute colectivo.

[jfz62]

Jefazo, aclare porfa si hay restricciones a la ubicación de los números de las cotas....

 No, y esa es la gracia, que se puedan poner los datos encima del dibujo, si os fijáis el dibujo de la regla no se pude copiar arrastrándolo, esta en "background" y los datos aparecen encima por medio de capas.

 

Además en cualquier escala de senos, se pueden leer también los cosenos, aunque no exista la dichosa etiqueta.

 Ok, pero si el fabricante se toma la molestia de marcarla y explicarla en sus manuales de instrucciones, pues para un servidor es una escala mas.

  Aunque para darme la contraria está el ejemplo de las escalas del anverso de una Mathema 2/94N, ¿como demonios lo contamos?:

 De izquierda a derecha:
(exg)  tanXg  √X2-1  √X  [ √x 1/√x 1/y y ] Y √(1-X2) sinXg  (eX)

De derecha a izquierda:
10LnX  LnX -0,1LnX  Y  [  y  0.1cosh xg  0.1sinhxg   sinh xg ]  tanh Xg  -0.1LnX  -LnX  -10LnX 
 

Otra cosa; Jefe hace usted muy bien en avisarnos de lo por venir, porque uno ya no sabe que esperar. ¿Fotos en 3D?

 No pero casi... , ya esta implementado en la pagina indice de Faber Castell  :

 
 
  Al pasar el puntero del ratón por el nuevo icono  se abre un "tooltip" con la imagen del anverso del modelo, es perfecto para ver la "pinta" de los modelos rápidamente.

   Por ahora (por el tema de estandarizar los nombres de las imágenes) solo ira apareciendo en los modelos "refotografiados".

  La idea es buena, lo malo es que nuevamente cada explorador hace lo que le sale de los ... , por lo que es una versión "de pruebas":

 Por una vez en la vida, funciona de maravillas con el Chrome de SanGoogle.

 Con los IE 9 e IE10 igualmente funciona bien pero no llega a ajustar del todo la resolución de la imagen, por lo que se ven las reglas faltas de definición.

 El Firefox es otra guerra: la definición de la imagen es perfecta como se puede ver en la imagen pero por lo menos en mi caso (ultima versión: 19.0.2) al primer intento solo abre una parte de la imagen y hay que pasar de nuevo el ratón por el icono para que se abra completamente, luego curiosamente ya no hace falta, se abre a la primera, por lo que supongo que debe ser un problema de cache...

 Los que tengáis Firefox instalado (sea la versión que sea) probarlo y decirme si os ocurre lo mismo 

 
  Ya me contareis!!  Saludos   

[Victory2K]

No, y esa es la gracia, que se puedan poner los datos encima del dibujo...

Ok. Muy claro.
Yo preguntaba, por ejemplo, si las posiciones estaban sujetas a filas/columnas o similar, que obligaran a que aunque pueden estar en cualquier lado, es una medida discreta y no contínua.

Ok, pero si el fabricante se toma la molestia de marcarla y explicarla en sus manuales de instrucciones, pues para un servidor es una escala mas.

  Aunque para darme la contraria está el ejemplo de las escalas del anverso de una Mathema 2/94N, ¿como demonios lo contamos?:

 De izquierda a derecha:
(exg)  tanXg  √X2-1  √X  [ √x 1/√x 1/y y ] Y √(1-X2) sinXg  (eX)

De derecha a izquierda:
10LnX  LnX -0,1LnX  Y  [  y  0.1cosh xg  0.1sinhxg   sinh xg ]  tanh Xg  -0.1LnX  -LnX  -10LnX 

-Justamente el concepto geométrico de escala como un segmento con divisiones, es más claro que el relacionado con los usos que se le den mediante las etiquetas.
-Creo que se le mezclaron las escalas del anverso y el reverso en la Mathema II. En esa regla, ninguna escala tiene doble juego de etiquetas para leer de derecha a izquierda.
Lo que tiene es un doble juego de identificadores de escala que muestra la función inversa... En el lado izquierdo de la regla la función directa, y en la derecha la inversa.
El más fácil de ver es √X . Significa Y=√X, o sea que en la escala Y (la usual D) leemos √X. Sobre la derecha se lee Y2, lo que significa X=Y2 la función inversa. O sea que en esa escala (la usual A) leemos el cuadrado de Y.

Al pasar el puntero del ratón por el nuevo icono

Excelente funcionalidad !!! (No iba bien hacerlo sobre la misma imagen?)
La verdad es una pasada (espero estar utilizando bien el ibérico básico..) como está quedando la página !!! Increíble.

Chrome: Anda al pelo
Firefox 20:
- La primera vez que paso el mouse, me muestra un pedacito de la regla, una ventana chiquita pero no reducida sino cortada. La calidad de la imagen en la ventanita se ve muy bien (normal)
- La segunda vez que paso el mouse, se ve completo, perfectamente igual que en el Chrome
Parecería ser un problema de orden del procesamiento, como que le falta el tamaño de la pantallita emergente cuando ya está lista la foto, y produce una ventana default y corta la imagen para meterla dentro. Al siguiente renderizado, se conoce que ya tiene la ventana y lo hace bien.
internet Explorer 9.0.14: Entre las telarañas se ve bien. Tarda más en cargar la imagen pero no hace nada raro. Sólo algunos de los nuevos íconos se desalinean en algunas reglas.

(Justo ahora que anda perfecto en Chrome, Dans está haciendo campaña contra Google y abandonando sus productos, archimolesto porque desactivaron el Google Reader)

La verdad muy útil esta adición nueva. Cuando uno anda buscando una regla de la que no sabe el modelo con seguridad, las miniaturas son a veces muy diminutas. Así no es necesario entrar a las mega-imágenes para ver si es la regla que se busca. Buenísimo !!! 

MásFelicitadores saludos

[Teruteru314]

Yo uso activamente (siempre) el Firefox 19.0.2, y si, también le pasa que A VECES la ventanita abre parcialmente.

Por la forma del borde derecho me parece que puede ser un problema de que cuando se intenta mostrar la imagen, ésta no ha sido aun completamente cargada ... o revisada por el anti-virus.

No siempre sucede, pero cuando pasa es siempre la primera vez que paso sobre la imagen determinada. Por eso me parece que pueda ser un tema de la caché de Firefox.

Update: Acabo de confirmar que la caché mantiene bien las imágenes entre diferentes sesiones. Es decir, la ventana aparece truncada sólo la primera vez entre varias sesiones. Cuando en una segunda sesión voy a una imágen ya mostrada correctamente, siempre aparece correctamente. Una imagen no visitada antes, aparece truncada A VECES.

Reportadores saludos

[gma]

Jefe,

Ya lo he dicho:  cada vez mas profesional y práctico 

Encuentro muy util esta ventana-lupa 

Tu web se está convirtiendo en la MEJOR web dedicada a las reglas de cálculo 

Enhorabuena y gracias por fabricarnos este sitio

He probado con IE10 : va de maravilla

Firefox y Chrome: mismos comentarios que los ya leidos

enhorabuenas saludos

Gonzalo

[AHMS]

Hola Gran jefe Indio Hospitalet:         

Me ha gustado el "DIRC" alias, documento identificador reglas de cálculo, mis felicitaciones...

 

No abandones nunca ir "En Busca de Las Perfecciones Perdídas"

 

Está rayando la "pluscuamperfección"

    

Rayandoicos saludos
Antonio

[jfz62]

Yo uso activamente (siempre) el Firefox 19.0.2, y si, también le pasa que A VECES la ventanita abre parcialmente.

  Volviendo a la carga con el asunto, los que tengáis Firefox probar ahora (y recordar de refrescar la pagina!).

  He hecho un "invento" temporal con otro código y que actúa solo cuando detecta Firefox, algo mejor va pero la imagen en mas pequeña y ahora que estoy probando en la pagina "real"  (en el servidor local de pruebas solo tengo una parte de la Web) los modelos de 5" de las series 3xx parece que les cuesta arrancar...

  En fin..., estoy que hecho humo con el tema..., puñeta de exploradores..., lo que en uno va el otro se lo salta a la torera...

  Estoy probando "nuevas estrategias", alguna a la desesperara:  que se genere en el servidor la imagen, buscar otras formas de dimensionado en servidor o cliente, tener una imagen "adrede" de cada anverso solo para esto... ...


  SeguimosEnLaGuerra Saludos    

 PD. Por cierto, mandarme o poner por aquí una imagen/croquis/foto con la vista de cotas que consideréis sea buena para hacer la foto/imagen de la ventana de datos

[Teruteru314]

Ahora el despliegue funciona perfecto JeFaZo, y muy rápidamente.

Es cierto, la imagen es un poco más pequeña, pero sigue siendo muy buena.

Otro detalle (puede que un poco pijotero) pero la imágen siempre sale por encima del punto del ratón. Lo que sucede es que cuando el ratón pasa sobre el icono de alguna de las líneas cercanas al margen superior de la ventana, la imagen queda fuera (por arriba) del borde de la ventana.

Sería posible detectar cuando la coordenada Y de la posición del ratón es menor que la altura de la imagen más un margen, desplegar la imagen por debajo del ratón (invertir la coordenada
Y de la esquina superior izquierda del diálogo) ??

Ya que estamos, que por pedir no quede ... 

[gma]

probé con Firefox

¡que lástima que se vea mas pequeña la imagen y en consecuencia menos nítida!

[jfz62]

probé con Firefox
¡que lástima que se vea mas pequeña la imagen y en consecuencia menos nítida!

  Arreglado!!  con un poco de "quita por aquí y pon por allá", osea, que se redimensionase la imagen de otra manera y listos!

  Ahora esta igual que el Chrome o el IE, a unos mas que bonitos 800px. de resolución...

  Ahora solo queda el asunto del renderizado en los IE... , pero bueno, lo importante ya esta hecho, que ya he perdido mas de una semana de "refotografiados" con esta historia y la de la ventana de datos...

Sería posible detectar cuando la coordenada Y de la posición del ratón es menor que la altura de la imagen más un margen, desplegar la imagen por debajo del ratón (invertir la coordenada Y de la esquina superior izquierda del diálogo) ??

  Si que seria posible, pero necesitaría un autocursillo de Javascript y jQuery...

  Si alguien quiere echar una mano, esta es la función que abre la ventana:
 

Código: [Seleccionar]

this.imagePreview = function(){

  xOffset = -50;        //  Estas son las distancias prefijadas X e Y al cursor
yOffset = -600;      //   

$("a.preview").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";

$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' ' width='800' />"+ c +"</p>");

$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
    },
  SantaSemana Saludos 

[Teruteru314]

Me temo JeFaZo que no conozco ese dialecto.   

Me parece entender del fragmento de código que e.pageX y e.pageY son las coordenadas del puntero del ratón en el momento que se ejecuta la función.

Y que xOffset y yOffset es el desplazamiento necesario para ubicar la esquina superior izquierda del diálogo, con respecto al cursor.

Lo que no entiendo es porqué en  la líneas donde se calcula la posición del diálogo emergente
                       
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px")

a la coordenada e.pageY le sumas el xOffset y a e.pageX le sumas yOffset ... no debería ser al revés?  X con X y Y con Y

[jfz62]

Me parece entender del fragmento de código que e.pageX y e.pageY son las coordenadas del puntero del ratón en el momento que se ejecuta la función.

  Correcto, aquí están las descripciones:

  http://api.jquery.com/event.pageY/   y   http://api.jquery.com/event.pageX/

 

Y que xOffset y yOffset es el desplazamiento necesario para ubicar la esquina superior izquierda del diálogo, con respecto al cursor.

  Estas son las variables que pongo "a mano": xOffset = -50 altura de la ventana que se abre con respecto al cursor e yOffset = -600 el desplazamiento horizontal.

a la coordenada e.pageY le sumas el xOffset y a e.pageX le sumas yOffset ... no debería ser al revés?  X con X y Y con Y

  A mi no me preguntes...    

  Lo suyo seria como dices una función que detectara si la imagen se va de margenes y "autocorregirla", pero después de una semana de locos estoy de códigos hasta los mismisimos y ya toca descanso mental, vuelvo a lo mio que es el "refotografiado" y a ratos iré mirando este tema y de la calidad en los IE.

  Ahora solo falta saber como va esto en los exploradores de los Mac´s, a ver si Mr. Maag Mac  aparece y nos cuenta como se ve.


  Descansados Saludos
 

[Teruteru314]

Estas son las variables que pongo "a mano": xOffset = -50 altura de la ventana que se abre con respecto al cursor e yOffset = -600 el desplazamiento horizontal.

Ahora entiendo, es que vuesa majestad utiliza una nomenclatura fuera de la convención, donde X es la coordenada vertical e Y es la horizontal. Yo intercambiaría el nombre de las variables xOffset y yOffset.

La lógica que yo haría, en el correspondiente dialecto, sería:



xOffset = 600                      (tamaño horizontal en píxeles del diálogo)
yOffset = 50                       (tamaño vertical)


... asumimos que la posición horizontal del cursor será más o menos la misma porque el icono que desencadena esta función está en una posición horizontal prefijada, por tanto no hay que verificarla ...


IF e.pageY < yOffset                (si la posición vertical del cursor está más arriba que la altura de un diálogo)
   yOffset = -yOffset               (invertir el signo)
end if

... y más adelante, al generar el diálogo ...


                        .css("top",(e.pageY - xOffset) + "px")
                          .css("left",(e.pageX - yOffset) + "px")    <--- nótese el signo de menos


A su excelencia le corresponde traducir el IF al dialecto correcto.

[jfz62]

Estas son las variables que pongo "a mano": xOffset = -50 altura de la ventana que se abre con respecto al cursor e yOffset = -600 el desplazamiento horizontal.

Ahora entiendo, es que vuesa majestad utiliza una nomenclatura fuera de la convención, donde X es la coordenada vertical e Y es la horizontal. Yo intercambiaría el nombre de las variables xOffset y yOffset.

  No es así, me he explicado mal, disculpa :  xOffset y yOffset son las coordenadas en donde se situará la esquina superior izquierda de la ventana que se abre en relación a la posición del cursor, si fueran 0 0 la ventana se abriría justo donde el cursor, por eso los valores negativos, xOffset = -50  -50px por debajo e yOffset = -600  -600px a al izquierda, así queda mas o menos centrado.


  Estos son scripts que se encuentran por la red (hay montones) y que solo toco un poco para adaptarlos a la Web, este se encuentra aquí:

  http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/

  Y si, seria fácil con un IF que al detectar una posición cambiase esa variable, el problema es que n.p.i de Javascript... , lo dicho al respecto, tendría que  buscar algún interprete y hacer un autocursillo básico, y bastantes lios tengo por ahora con el PHP y la BD....  

  Como funciona bastante bien por ahora ya no me caliento mas la cabeza, con el tiempo iré mirando este tema,  la prioridad ahora son la fotos.

   
    Programaticos Saludos

   PD:  Mr. Maag Mac´s!! Ok por tu "nueva" Enigma , pero necesitaros una prueba de campo de como se ven las "ventanitas" en los Mac´s
 

[Teruteru314]

JeFaZo, please, haga una prueba con este script tal cual:

Código: [Seleccionar]

this.imagePreview = function(){

  xOffset = 50;        //  Estas son las dimensiones en pixeles del diálogo
yOffset = 600;      //   


if (e.pageY < yOffset)
{
yOffset = -yOffset;
}

$("a.preview").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";

$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' ' width='800' />"+ c +"</p>");

$("#preview")
.css("top",(e.pageY - yOffset) + "px")
.css("left",(e.pageX - xOffset) + "px")
.fadeIn("fast");
    },

[jfz62]

 Ok, Alvaro

 Funcionar funciona, pero no como se espera.

  Sigue habiendo el malentendido de:

 

Código: [Seleccionar]

  xOffset = 50;        //  Estas son las dimensiones en pixeles del diálogo
yOffset = 600;      // 
 
 xOffset e yOffset no son las dimensiones en px del dialogo, son las dimensiones en px de donde empieza el dialogo a partir de la posición del cursor.

 
Así es tu script tal cual se ve en un 24" al máximo de pantalla (también se puede reducir el tamaño de pantalla), solo funciona (realmente sube la imagen) justo en el ultimo pixel del icono:



 Tu mismo puedes comprobarlo en:  http://fabercastell.reglasdecalculo.com/alvaro.html


 Probadores Saludos