automatically replace svg images with png for browsers that dont support svg
This commit is contained in:
parent
dee7fb3b72
commit
2781fdeed8
|
@ -103,3 +103,13 @@ if (!Array.prototype.indexOf){
|
||||||
function SVGSupport() {
|
function SVGSupport() {
|
||||||
return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") || document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Shape", "1.0");
|
return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") || document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Shape", "1.0");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
if(!SVGSupport()){//replace all svg images with png images for browser that dont support svg
|
||||||
|
$('img.svg').each(function(index,element){
|
||||||
|
element=$(element);
|
||||||
|
var src=element.attr('src');
|
||||||
|
element.attr('src',src.substr(0,src.length-3)+'png');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
|
@ -30,8 +30,8 @@
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<a href="<?php echo link_to('', 'index.php'); ?>" title="" id="owncloud"><img src="<?php echo image_path('', 'owncloud-logo-small-white.png'); ?>" alt="ownCloud" /></a>
|
<a href="<?php echo link_to('', 'index.php'); ?>" title="" id="owncloud"><img src="<?php echo image_path('', 'owncloud-logo-small-white.png'); ?>" alt="ownCloud" /></a>
|
||||||
<ul id="metanav">
|
<ul id="metanav">
|
||||||
<li><a href="<?php echo link_to('', 'index.php'); ?>" title="Back to files"><img src="<?php echo image_path('', 'actions/back.svg'); ?>"></a></li>
|
<li><a href="<?php echo link_to('', 'index.php'); ?>" title="Back to files"><img class='svg' src="<?php echo image_path('', 'actions/back.svg'); ?>"></a></li>
|
||||||
<li><a href="<?php echo link_to('', 'index.php?logout=true'); ?>" title="Log out"><img src="<?php echo image_path('', 'actions/logout.svg'); ?>"></a></li>
|
<li><a href="<?php echo link_to('', 'index.php?logout=true'); ?>" title="Log out"><img class='svg' src="<?php echo image_path('', 'actions/logout.svg'); ?>"></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -31,8 +31,8 @@
|
||||||
<a href="<?php echo link_to('', 'index.php'); ?>" title="" id="owncloud"><img src="<?php echo image_path('', 'owncloud-logo-small-white.png'); ?>" alt="ownCloud" /></a>
|
<a href="<?php echo link_to('', 'index.php'); ?>" title="" id="owncloud"><img src="<?php echo image_path('', 'owncloud-logo-small-white.png'); ?>" alt="ownCloud" /></a>
|
||||||
<?php echo $_['searchbox']?>
|
<?php echo $_['searchbox']?>
|
||||||
<ul id="metanav">
|
<ul id="metanav">
|
||||||
<li><a href="<?php echo link_to('settings', 'index.php'); ?>" title="Settings"><img src="<?php echo image_path('', 'actions/settings.svg'); ?>"></a></li>
|
<li><a href="<?php echo link_to('settings', 'index.php'); ?>" title="Settings"><img class='svg' src="<?php echo image_path('', 'actions/settings.svg'); ?>"></a></li>
|
||||||
<li><a href="<?php echo link_to('', 'index.php'); ?>?logout=true" title="Log out"><img src="<?php echo image_path('', 'actions/logout.svg'); ?>"></a></li>
|
<li><a href="<?php echo link_to('', 'index.php'); ?>?logout=true" title="Log out"><img class='svg' src="<?php echo image_path('', 'actions/logout.svg'); ?>"></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -28,12 +28,12 @@
|
||||||
<input type="checkbox" id="select_all" />
|
<input type="checkbox" id="select_all" />
|
||||||
<span class='name'><?php echo $l->t( 'Name' ); ?></span>
|
<span class='name'><?php echo $l->t( 'Name' ); ?></span>
|
||||||
<span class='selectedActions'>
|
<span class='selectedActions'>
|
||||||
<a href="" title="Download" class="download"><img alt="Download" src="../core/img/actions/download.svg" /></a>
|
<a href="" title="Download" class="download"><img class='svg' alt="Download" src="../core/img/actions/download.svg" /></a>
|
||||||
<!--<a href="" title="" class="share">Share</a>-->
|
<!--<a href="" title="" class="share">Share</a>-->
|
||||||
</span>
|
</span>
|
||||||
</th>
|
</th>
|
||||||
<th id='headerSize'><?php echo $l->t( 'Size MB' ); ?></th>
|
<th id='headerSize'><?php echo $l->t( 'Size MB' ); ?></th>
|
||||||
<th id='headerDate'><span id="modified"><?php echo $l->t( 'Modified' ); ?></span><span class='selectedActions'><a href="" title="Delete" class="delete"><img alt="Delete" src="../core/img/actions/delete.svg" /></a></span></th>
|
<th id='headerDate'><span id="modified"><?php echo $l->t( 'Modified' ); ?></span><span class='selectedActions'><a href="" title="Delete" class="delete"><img class='svg' alt="Delete" src="../core/img/actions/delete.svg" /></a></span></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="fileList">
|
<tbody id="fileList">
|
||||||
|
|
Loading…
Reference in New Issue