<?php
/*************************************************************
* This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com
* Fee free to distribute and modify code, but keep reference to its creator
*
* This class can generate CSS sprite image from multiple provided images
* Generated image can be outputted to browser, saved to specified location, etc.
* This class also generates CSS code for sprite image, using element ID's provided with image.
* It facilitates CSS sprite implementations to existing website structures
*
* For more information, examples and online documentation visit:
* http://webcodingeasy.com/PHP-classes/CSS-sprite-class-for-creating-sprite-image-and-CSS-code-generation
**************************************************************/
/*
* This example shows how to generate css code and use it with created CSS sprite
*/
//declaring class instance
include("../css_sprite.class.php");
$sprite = new spritify();
//adding test images
$sprite->add_image("../test_images/php.jpg", "jpeg");
$sprite->add_image("../test_images/php.gif", "gif");
$sprite->add_image("../test_images/elephpant.png", "elephant");
//retrieving error
$arr = $sprite->get_errors();
//if there are any then output them
if(!empty($arr))
{
foreach($arr as $error)
{
echo "<p>".$error."</p>";
}
}
else
{
//else generate CSS code for added images
$string = $sprite->generate_css("./image_output_example.php");
//outputting CSS code
echo "<style type='text/css'> \n";
echo $string;
echo "</style> \n";
}
?>
<!-- HTML elements that use CSS sprites for background using generated CSS code -->
<div id='jpeg' style=' border:1px solid green;'>
</div>
<p> </p>
<div id='gif' style='float: right;background-color: green; border:1px solid red;'>
</div>
<p> </p>
<div id='elephant' style='background-color: red; border:1px solid green;'>
</div>
|
Stumble It!
Bookmark in del.icio.us
Download
