This topic is locked

csstransform with image not working on iPad and on Safari since 10.8.x

Posted 22 Oct 2012 09:11:40
has voted
22 Oct 2012 09:11:40 Dirk Levy posted:

I'm using this pack for some customer sites,
since a short time (after 10.8.x) it's not working with Safari, in Firefox everything is fine.

Here is the sourcecode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HDV - Papier Handel & Beratung</title>
<meta name="description" content="HDV Papier Handel und Beratung für Druckereien und Verlage" />
<meta name="keywords" content="HDV, hamburg, papierhandel, papierberatung, papierservice, papier, handel, beratung, service, druckereien, verlage, paper, trading, consulting, printers, publishers, papiermarkt, analyse, empfehlung, umsetzung, kosteneffizienz, einsparungen, einsparungspotential, usedomstrasse 16" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.csstransform.pack.js"></script>
<script type="text/javascript">
function translate(context, x, y, duration, easing, callback) {//v1.0
  var _css = { translateX : x || 0, translateY : y || 0 };
  if (duration) {
    jQuery(context).animate(_css, duration * 1000, easing, callback);
  } else {
<link rel="shortcut icon" href="/favicon.ico" />
<link href="assets/hdv_n.css" rel="stylesheet" type="text/css" />

<div id="wrapper">

  <div id="visi01">
    [img]bilder/HDV-Visitenkarten01.png" alt="HDV" name="topbild" width="500" height="318" id="topbild" onclick="translate(this, '0', '-318', 2, 'linear')" />
<a href="" target="_blank">Weitere Informationen unter</a></p>
    <div id="visi02">
    <a href="" target="_blank">[img]bilder/HDV-Visitenkarten02.png" alt="HDV" width="500" height="318" /></a></div>


Link to the page:

I hope you can help to solve this problem,
many thanks...


Dirk Levy
levy-media MCP


Replied 23 Oct 2012 15:39:02
23 Oct 2012 15:39:02 Dirk Levy replied:
Is no one over here able to help
me to solve this problem?


Dirk Levy
levy-media MCP
Replied 01 Nov 2012 16:18:59
01 Nov 2012 16:18:59 Patrick Woldberg replied:
seems to be a bug in webkit, rename the translate function to dmxTranslate and change the onclick also, this should fix it. Seems that webkit introduced a build-in function or property with the same name.
Replied 01 Nov 2012 16:53:28
01 Nov 2012 16:53:28 Dirk Levy replied:
Hi Patrick,

you saved my day - thank you very much,
it works again....


Dirk Levy
levy-media MCP
Replied 05 Nov 2012 08:30:32
05 Nov 2012 08:30:32 Dirk Levy replied:
Hi Patrick,

do you know if there is any overview or list
for functionnames that are reserved by this

Many thanks
and regards

Dirk Levy
levy-media MCP

Reply to this topic