iMSISS Labs


<?php

function blob_rollover_code( $url = '', $width, $height, $slices, $map_name = 'my_map' )
{
    $css = "#".$map_name." { width: ".$width."px; height: ".($height/2)."px; background: url('".$url."'); padding: 0; position: relative; }" . PHP_EOL;
    
    $css .= "#".$map_name." li {margin: 0; padding: 0; list-style: none; position: absolute; }" . PHP_EOL;
    $css .= "#".$map_name." li, #".$map_name." a {display: block;}" . PHP_EOL;
    $css .= "#".$map_name." li a, #".$map_name." li a span{ text-indent: -100em; }" . PHP_EOL . PHP_EOL;
    
    foreach( $slices as $k=>$v )
    {
        $css .= "#".$map_name."_".chr(ord('a')+$k)." {left: ".$v[0]."px; width: ".($v[2])."px; top: ".$v[1]."px; height: ".($v[3])."px;}" . PHP_EOL;
        $css .= "#".$map_name."_".chr(ord('a')+$k)." a {height: ".($v[3])."px;}" . PHP_EOL;
        $css .= "#".$map_name."_".chr(ord('a')+$k)." a:hover {background: transparent url('".$url."') -".$v[0]."px -".($v[1]+$height/2)."px no-repeat; }" . PHP_EOL;
    }
    
    return $css;
}

function rollover_html( $num_slices, $map, $url = '' )
{
    $output_html = '<ul id="'.$map.'">' . PHP_EOL;
    for( $i = 0; $i<$num_slices; $i++ )
    {
        $output_html .= '  <li id="'.$map."_".chr(ord('a')+$i) .'"> <a href="'.(($url)?($url):('#link'.chr(ord('a')+$i))).'" title="">Link'.chr(ord('a')+$i).'</a> </li>' . PHP_EOL;
    }
    $output_html .= '</ul>';    
    
    return $output_html;
}