Forums
This topic is locked
csstransform with image not working on iPad and on Safari since 10.8.x
22 Oct 2012 09:11:40 Dirk Levy posted:
Hi,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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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 {
jQuery(context).css(_css);
}
}
</script>
<link rel="shortcut icon" href="/favicon.ico" />
<link href="assets/hdv_n.css" rel="stylesheet" type="text/css" />
</head>
<body>
<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')" />
<p>
<a href="mailto:info@hdv-service.de" target="_blank">Weitere Informationen unter info@hdv-service.de</a></p>
</div>
<div id="visi02">
<a href="mailto:info@hdv-service.de" target="_blank">[img]bilder/HDV-Visitenkarten02.png" alt="HDV" width="500" height="318" /></a></div>
</div>
</body>
</html>Link to the page: www.hdv-service.de
I hope you can help to solve this problem,
many thanks...
Regards
Dirk Levy
levy-media MCP
Replies
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?
Regards
Dirk Levy
levy-media MCP
me to solve this problem?
Regards
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....
Regards
Dirk Levy
levy-media MCP
you saved my day - thank you very much,
it works again....
Regards
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
webkit?
Many thanks
and regards
Dirk Levy
levy-media MCP
do you know if there is any overview or list
for functionnames that are reserved by this
webkit?
Many thanks
and regards
Dirk Levy
levy-media MCP